@import "font/ADAM/ADAM.css";
body{ margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#444; font-family:'微软雅黑','Microsoft YaHei','STHeiti','Gotham'; background:#fff; 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:#444}
a:active,a:focus,a:hover{outline:none; color:#175f83}
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;}
*{ box-sizing:border-box}


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

.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:90px; padding-top:10px; background:url(../images/bgTop.jpg) left no-repeat;}
.boxTop1{position:relative;box-sizing:border-box; width:96%; margin:0 2%; margin:0 auto; text-align:right; box-sizing:border-box}
.logo{position:absolute; left:0; top:7px;}
.bgTop{box-shadow:0 3px 3px rgba(0,0,0,0.05)}

@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;
}

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


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0; }}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle; text-align:right; width:calc(100% - 247px); text-align:center; padding:0 0 0 70px; box-sizing:border-box}
.boxNav li{display:inline-block;position:relative; padding:0 45px; }
.boxNav li span a{display:block;font-size:15px; color:#333;line-height:80px; position:relative; z-index:1; font-weight:bold}
.boxNav li span a:hover{ color:#175f83}
.boxNav li span i{height:100%; background:#f0f0f0 url(../images/bgJt.png) center bottom no-repeat;width:100%; position:absolute; bottom:0; left:0; display:none; z-index:0}
.boxNav li .on i{display:block;animation:ANavI 0.3s}
.boxNav li .on a{color:#175f83}
.boxNav li div{position:absolute; top:80px; left:0;width:100vw;text-align:left;background:rgba(23,95,131,1.0); z-index:2; display:none;}
.boxNav li div a{display:inline-block;font-size:14px; padding:0 28px;color:#fff;line-height:46px; text-align:center}
.boxNav li div a:hover{ background:#3186b1}

.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right; }
.icoTop a{ position:relative;display:inline-block;}
.icoTop a:first-of-type{ margin:0}
.icoTop a i{display:block; width:40px; height:80px;}
.icoTop a div{position:absolute; top:80px; right:0; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:20px 0}
.icoTop a span{display:inline-block; width:120px;}
.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}



.topSearch i{background:url(../images/icoTopSearch1.png?v=1.1) center no-repeat; }
.topSearch:hover i{background:url(../images/icoTopSearch1Hover.png?v=1.1) center no-repeat; }
.topEwm i{background:url(../images/icoTopEwm1.png?v=1.1) center no-repeat}
.topEwm:hover i{background:url(../images/icoTopEwm1Hover.png?v=1.1) center no-repeat}


.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; 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:15px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#1e7cb8; font-size:17px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#45bae5}


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

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


.navTopM{position:fixed; top:0; left:100%; width:75vw;height:100vh; padding:0 30px; z-index:1001; background:#175f83;overflow-y:auto;}
.boxNavM{padding-top:20px}
.boxNavM li{border-bottom:1px solid rgba(255,255,255,0.1);}
.boxNavM li span{display:block; position:relative}
.boxNavM li span a{display:block;font-size:15px;line-height:50px; color:#fff}
.boxNavM li span a:hover{}
.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 span .on{background:url(../images/icoNavM1.png?v=1.0) right center no-repeat!important;background-size:20px 20px!important;}
.boxNavM li div{background:#3186b1; display:none}
.boxNavM li div a{display:block; line-height:50px; font-size:15px; text-align:center; color:#fff}
.boxNavM li div a:hover{background:#3fa8de;color:#fff}
.boxNavM li div .on{background:#3fa8de;}

.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:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icoSearchTopM.png) center no-repeat; 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:32.29vw;overflow:hidden; position:relative; margin:90px 0 0 calc((100% - 100vw)/2);}
.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:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:8px; height:8px; border:2px solid #fff; opacity:1.0; border-radius:50%; box-sizing:border-box; background:none}
.banner .swiper-pagination-bullet-active{ background:#fff; }
.banner .swiper-button-prev{left:30px;margin-top:-25px; width:50px; height:50px; background:url(../images/bannerJtLeft.png) center no-repeat;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) center no-repeat;opacity:1.0}
.banner .swiper-button-next{right:30px;margin-top:-25px;width:50px; height:50px; background:url(../images/bannerJtRight.png) center no-repeat;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerJtRight.png) center no-repeat;opacity:1.0}


.bannerM{width:100%;height:80vw;overflow:hidden; position:relative;margin-top:70px; display:none;}
.bannerM img{ width:100%; height:100%}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; }
.bannerM .swiper-pagination{bottom:15px!important;z-index:1; text-align:center;}
.bannerM .swiper-pagination-bullet{width:8px; height:8px; border:2px solid #fff; opacity:1.0; border-radius:50%;  box-sizing:border-box; background:none}
.bannerM .swiper-pagination-bullet-active{ background:#fff; }

.boxIndex{ width:100%; padding:0 15px;margin:30px 0; /*background:#ededed;*/ overflow:hidden}
.boxIndex1{ width:100%;height:170px; margin:0 auto; overflow:hidden; position:relative}

.indNewsBox{width:25%;height:170px;position:relative; left:100%; display:inline-block;vertical-align:top}
.indNews{ display:inline-block; width:100%; height:100%;overflow:hidden; position:relative; background:#f6f6f6 url(../images/bgIndNews.jpg) center no-repeat; background-size:cover}
.indNews img{position:absolute; top:20px; left:20px; z-index:1; height:23px;}
.indNews .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; padding:65px 20px 0 20px}
.indNews .swiper-slide a{ font-size:18px; line-height:26px; display:block; height:52px; overflow:hidden}
.indNews .swiper-slide a:hover{color:#0c5fa3}
.indNews .swiper-pagination{bottom:20px!important;z-index:1; text-align:center; left:20px;text-align:left;}
.indNews .swiper-pagination-bullet{width:6px; height:6px; background:#cacaca;opacity:1.0; border-radius:50%; box-sizing:border-box; }
.indNews .swiper-pagination-bullet-active{ background:#b99b5f; }


.indBusiness{ display:inline-block; width:75%; vertical-align:top;}/*实际宽度945px*/
.indBusiness ul{ position:relative; width:100%; height:170px;}
.indBusiness li{ display:inline-block; width:33.3%; height:170px; position:relative; vertical-align:top;}
.indBusiness li a{ display:block; width:100%; height:100%; position:relative}
.indBusiness li div{ position:absolute; top:20px; left:20px; z-index:1}
.indBusiness li div img{height:49px;}
.indBusiness li span{ display:block; width:100%; height:100%;transition:all .2s}
/*.indBusiness li span img{ width:100%; height:100%; transition:transform 1s;}*/
.indBusiness li i{width:30px; height:16px; background:url(../images/icoGo.png) right center no-repeat; position:absolute; bottom:30px; left:0; opacity:0;transition:all .3s; z-index:2}
.indBusiness li a:hover i{opacity:0.6; left:25px;}
/*.indBusiness li a:hover span img{transform:scale(1.1);}*/

.indBusiness li:nth-child(1) span{background:url(../images/imgInd1.jpg?v=1.1) center no-repeat; background-size:auto 100% }
.indBusiness li:nth-child(2) span{background:url(../images/imgInd2.jpg?v=1.1) center no-repeat; background-size:auto 100%}
.indBusiness li:nth-child(3) span{background:url(../images/imgInd3.jpg?v=1.1) center no-repeat; background-size:auto 100%}
/*.indBusiness li:hover span{ background-size:112% 112%}*/

.indBusiness li:nth-child(1){left:100%;}
.indBusiness li:nth-child(2){left:133.3%;}
.indBusiness li:nth-child(3){left:166.6%;}

.boxFoot{ background:#2f3942; color:#acafb1;}
.boxFoot1 { width:100%; max-width:1260px; margin:0 auto;line-height:22px; font-size:13px;font-weight:bold; padding:35px 0; position:relative}
.boxFoot i{display:inline-block; font-weight:bold;}
.boxFoot span{ position:absolute; top:35px; right:0;line-height:33px;}
.boxFoot span a:last-of-type{ background:url(../images/icoWxFoot.png) right center no-repeat; display:inline-block;  padding-right:36px; position:relative;}
.boxFoot span a:last-of-type div{ position:absolute; top:-90px; right:0; padding-bottom:7px; background:url(../images/boxJt.png) center bottom no-repeat; visibility:hidden; opacity:0;transition:all .3s;}
.boxFoot span a:last-of-type div img{ width:100px; height:100px; border:4px solid #26b2e5;}
.boxFoot a{color:#acafb1}
.boxFoot a:hover{color:#fff}
.boxFoot span a:last-of-type:hover div{top:-115px; display:block;visibility:visible; opacity:1}





.subBanner{ width:100%; height:200px;background-size:cover!important;  position:relative; margin-top:90px;}
.subBanner span{ position:absolute; left:50%; top:50%; margin:-31px 0 0 -630px; color:#fff; z-index:2}
.subBanner span h1{ font-size:30px; line-height:30px; text-transform:uppercase;}
.subBanner span h2{ font-size:21px; line-height:21px; margin-top:15px;}
.subBanner div{position:absolute; top:0; left:-60px;  width:50%;height:100%; background:rgba(26,108,149,0.85);transform:skew(-30deg); z-index:1}

.subNavBox{background:#fff; border-bottom:1px solid #d9d9d9; height:70px;position:relative; z-index:1;}

.subNav{text-align:right; width:1260px; margin:0 auto}
.subNav a{ padding:0 20px; margin:0 5px;font-size:15px; height:70px; line-height:70px;display:inline-block; box-sizing:border-box; text-align:center; font-weight:bold; position:relative}
.subNav a i{ height:40px; background:#3186b1; width:100%;position:absolute; bottom:15px; left:0; display:none; z-index:-1;transform:skew(-30deg);}
.subNav .on{color:#fff;}
.subNav .on i{ display:block;animation:ANavI 0.3s}

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



.boxMax{ width:100%; max-width:1260px; margin:0 auto 50px auto; overflow:hidden}
.navTitle{ font-size:23px; line-height:100%; font-weight:bold; color:#175f83; padding:50px 0 40px 0}

.pWeb{ font-size:15px; line-height:26px;text-align:justify; }
.imgPc{ display:block}
.imgM{ display:none}

.dszCon{ width:100%; overflow:hidden; }
.dszImg{display:inline-block; width:426px; margin-right:70px; vertical-align:top; position:relative; background:#f4f4f4; text-align:center}
/*.dszImg img{ margin:25px 0 0 0}
.dszImg div{ padding:0 60px 20px 60px;}
.dszImg h1{ font-size:23px; line-height:100%;font-weight:bold; padding:15px 0 15px 0; color:#175f83}
.dszImg h2{ height:3px; width:150px; background:#85a9bb; margin:0 auto 10px auto;}
.dszImg span{ display:block; font-size:15px; line-height:26px; text-align:left; }*/
.dszImg img{}
.dszImg div{ padding:0 30px 20px 30px;}
.dszImg h1{ font-size:23px; line-height:100%;font-weight:bold; padding:15px 0 15px 0; color:#175f83; text-align:left}
.dszImg h2{ height:3px; width:69px; background:#85a9bb; margin:0 auto 10px 0;}
.dszImg span{ display:block; font-size:15px; line-height:26px; text-align:left; }


.dszText{display:inline-block; padding:6px 70px 0 40px; width:764px;vertical-align:top; position:relative; background:url(../images/imgYh1.png?v=1.0) top left no-repeat; background-size:24px 23px;}
.icoYh{ margin:10px 0 0 5px; vertical-align:top; width:24px; }
.dszText p:last-child{ text-align:right; margin-right:-70px;}
.dszTextLine{ position:absolute; right:0; top:0}


.boxCon{ width:100%; overflow:hidden;}
.boxCon h1{ color:#dadada; font-size:50px; line-height:50px; text-transform:uppercase; width:100%; max-width:1036px; margin:0 auto; background:url(../images/bgLine.png) center right no-repeat;}
.boxCon h1 i{ display:inline-block; background:#fff; padding-right:10px;}
.boxCon h2{ font-size:18px; line-height:32px; font-weight:bold; color:#666; width:100%; max-width:1036px; margin:20px auto 50px auto;}
.boxCon h2 div{ padding-top:15px;}
.boxCon img{width:100%}


.boxFzlc{ width:100%; overflow:hidden; background:#f4f4f4; padding-top:40px}
.navFzlc{ font-size:24px; line-height:60px; background:url(../images/bgFzlcTitle.png) left no-repeat; padding-left:47px; color:#fff}

.fzlcList{ width:100%; background:url(../images/fzlcLine.png) center 70px  no-repeat; background-size:2px 100%; min-height:800px; overflow:hidden; margin-bottom:50px; padding:0 0 80px 0}
.fzlcList li{ padding:0 0 0 50%; position:relative; }
.fzlcList li h1{ background:url(../images/fzlcIco.png) left bottom no-repeat; height:76px; line-height:60px; font-size:36px; font-family:'ADAM'; margin:0 0 0 -1px; padding:0 0 0 105px; color:#175f83}
.fzlcList li div{ font-size:15px; line-height:26px; padding:0 100px 0 104px; margin-top:-10px;}
.fzlcList li:nth-child(2n+2) {padding:0 50% 0 0; text-align:right;}
.fzlcList li:nth-child(2n+2) h1{ background:url(../images/fzlcIco1.png) right bottom no-repeat; margin:0 -1px 0 0;padding:0 105px 0 0;}
.fzlcList li:nth-child(2n+2) div{ padding:0 104px 0 100px;}


.qywhList{ width:100%; height:420px; overflow:hidden}
.qywhList li{width:210px; height:420px; display:inline-block; position:relative; background:#000}
.qywhList li h1{ position:absolute; top:50px; left:78px; font-size:28px; line-height:38px; width:52px; padding:10px; border:2px solid rgba(255,255,255,0.2);text-shadow:0 0 5px rgba(0,0,0,0.5); color:#fff; z-index:2}
.qywhList li div{ width:99%; display:inline-block; vertical-align:middle; line-height:36px; font-size:22px; font-weight:bold; letter-spacing:5px; color:#fff; text-align:center; padding:0 0 0 70px; opacity:0; text-shadow:0 0 5px rgba(0,0,0,0.5); position:relative; z-index:2}
.qywhList li i{ width:1px; height:100%; display:inline-block; vertical-align:middle;position:relative; z-index:2}
.qywhList li span{ display:block; width:100%; height:100%; position:absolute; z-index:0; top:0; left:0; opacity:0.92}

.qywhList li:nth-child(1) span{ background:url(../images/imgQywh1.jpg?v=1.0) center no-repeat; background-size:cover;}
.qywhList li:nth-child(2) span{ background:url(../images/imgQywh2.jpg?v=1.0) center no-repeat; background-size:cover}
.qywhList li:nth-child(3) span{ background:url(../images/imgQywh3.jpg?v=1.0) center no-repeat; background-size:cover}
.qywhList li:nth-child(4) span{ background:url(../images/imgQywh4.jpg?v=1.0) center no-repeat; background-size:cover}

.qywhList li:hover span{opacity:0.5}



.boxVideo{width:100%;overflow:hidden; position:relative; margin:40px 0 0 0}
.boxVideo .swiper-slide{width:100%;height:500px; position:relative; overflow:hidden; background-size:cover!important}
.boxVideo .swiper-slide img{ width:100%;}
.boxVideo .swiper-pagination{bottom:30px!important;z-index:1;}
.boxVideo .swiper-pagination-bullet{width:8px; height:8px; border:2px solid #fff; opacity:1.0; border-radius:50%; box-sizing:border-box; background:none}
.boxVideo .swiper-pagination-bullet-active{ background:#fff; }
.boxVideo .swiper-button-prev{left:30px;margin-top:-45px; width:36px; height:90px; background:url(../images/icoJtLeft1.png) center no-repeat; background-size:100% 100%;opacity:0.5;}
.boxVideo .swiper-button-prev:hover{opacity:1.0}
.boxVideo .swiper-button-next{right:30px;margin-top:-45px;width:36px; height:90px; background:url(../images/icoJtRight1.png) center no-repeat; background-size:100% 100%;opacity:0.5; }
.boxVideo .swiper-button-next:hover{opacity:1.0}
.boxVideo .swiper-slide div{ position:absolute; top:50%; width:100%; text-align:center; margin:-60px 0 0 0;}
.btnVideo{ display:inline-block;}
.btnVideo i{display:block; width:60px; height:60px; background:url(../images/icoVideo.png) center no-repeat; background-size:100% 100%; margin:0 auto}
.btnVideo h1{ font-size:28px; letter-spacing:10px; color:#fff; line-height:28px; margin-top:28px;}
.btnVideo:hover i{background:url(../images/icoVideoHover.png) center no-repeat;background-size:100% 100%;}
.btnVideo:hover h1{ color:#00d3ff}

.myVideo{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.myVideo video{width:100%; height:100%;}
.closeVideo{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;}
.closeVideo:hover{ transform:rotateZ(180deg);}


.navCon{ position:relative; width:100%;  margin:60px auto 0 auto; text-align:center; background:url(../images/bgLineGray.png) repeat-x center;}
.navCon span{ display:inline-block;background:#fff;}
.navCon span h1{ display:inline-block;font-size:28px; line-height:28px; padding:0 15px 0 20px; vertical-align:middle; letter-spacing:5px;}
.navCon span i{display:inline-block; width:8px; height:8px; background:#175f83; vertical-align:middle; }



.boxMag{width:100%;overflow:hidden; position:relative; margin:50px 0 0 0; padding-bottom:90px;}
.boxMag1{width:1130px; display:block; margin:0 auto;overflow:hidden; position:relative; }
.boxMag1 .swiper-slide{width:245px;height:340px;border:2px solid #d9d9d9; position:relative; overflow:hidden; background:#175f83}
.boxMag1 .swiper-slide img{width:100%; height:100%; }
.boxMag1 .swiper-slide i{position:absolute; left:0; top:80%; margin-top:-13px; width:100%; display:block; line-height:26px; font-size:15px; color:#fff; text-align:center; opacity:0; transition:all 0.3s}
.boxMag1 .swiper-slide a:hover img{ opacity:0.2}
.boxMag1 .swiper-slide a:hover i{ opacity:1; top:50%;}

.boxMag .swiper-pagination{bottom:10px!important;z-index:1; font-size:28px; line-height:28px;}
.boxMag .swiper-pagination-current{ color:#175f83}
.boxMag .swiper-button-prev{left:0;margin-top:-90px; width:36px; height:90px; background:url(../images/icoJtLeft.png) center no-repeat;background-size:100% 100%;opacity:1.0;}
.boxMag .swiper-button-prev:hover{background:url(../images/icoJtLeftHover.png) center no-repeat;background-size:100% 100%;opacity:1.0}
.boxMag .swiper-button-next{right:0;margin-top:-90px;width:36px; height:90px; background:url(../images/icoJtRight.png) center no-repeat;background-size:100% 100%;opacity:1.0; }
.boxMag .swiper-button-next:hover{background:url(../images/icoJtRightHover.png) center no-repeat;background-size:100% 100%;opacity:1.0}

.btnMore{ text-align:right; position:relative; z-index:2; margin-top:20px}
.btnMore a{ display:inline-block; width:160px; height:50px; text-align:center; border:2px solid #175f83; color:#175f83; transition:all 0.3s}
.btnMore a i{ display:inline-block; background:url(../images/icoMore2.png) right center no-repeat; font-size:15px; font-weight:bold; line-height:46px; padding-right:27px;}
.btnMore a:hover{ background:#175f83; color:#fff}
.btnMore a:hover i{ background:url(../images/icoMore2Hover.png) right center no-repeat;}
.btnMag{margin-top:-50px; }


.magList{ width:100%; margin-bottom:-30px; overflow:hidden}
.magList a{width:245px;height:340px;border:2px solid #d9d9d9; position:relative; overflow:hidden; background:#175f83; display:inline-block; margin:0 35px 50px 35px;}
.magList a img{width:241px; height:336px;}
.magList a i{position:absolute; left:0; top:80%; margin-top:-13px; width:100%; display:block; line-height:26px; font-size:15px; color:#fff; text-align:center; opacity:0; transition:all 0.3s}
.magList a:hover img{ opacity:0.2}
.magList a:hover i{ opacity:1; top:50%;}


.bannerQyry{ width:100%; height:370px; background:url(../images/imgQyry.jpg) center; background-size:cover; position:relative;}
.bannerQyry span{position:absolute; top:150px; left:74px; font-size:18px; font-weight:bold; line-height:32px; color:#fff; }
.bannerQyry p{font-weight:bold}
.bannerQyry h1{ position:absolute; bottom:50px; right:50px; color:#4d8cac; font-size:50px; line-height:50px; text-transform:uppercase}

.qyryList{background:url(../images/bgLineQyry.png) 198px 20px no-repeat; background-size:2px 100%; margin:20px 0 40px 0; padding-bottom:50px;}
.qyryList li{ padding:40px 0 0 260px; position:relative;}
.qyryList li i{display:block; width:62px; height:62px; background:url(../images/icoQyry.png); background-size:100% 100%;position:absolute; left:168px; top:20px;}
.qyryList li span{display:block;font-size:36px;line-height:100%;position:absolute; left:70px; top:30px;font-family:'ADAM';  color:#175f83}
.qyryList li div{ border-bottom:1px dashed #b2b2b2; padding:0 0 40px 0;}
.qyryList li div p{line-height:26px; font-size:15px; padding:0 0 0 15px; background:url(../images/icoP.png) 0 10px no-repeat;}


/*.boxLeft{ display:inline-block; width:940px; border-right:1px solid #d9d9d9; padding:0 40px 0 0; margin:0 0 -50px 0; vertical-align:top;}


.newsList{ padding:0;width:100%;overflow:hidden}
.newsList a{display:block;padding:30px 15px;overflow:hidden;border-bottom:1px solid #d9d9d9}
.newsList a div{display:inline-block;width:200px; overflow:hidden;vertical-align:top}
.newsList a div img{width:100%; height:auto; transition:transform 1s;}
.newsList a i{display:none;font-size:24px; line-height:24px; color:#175f83;font-family:'ADAM';letter-spacing:-0.5px;vertical-align:top}
.newsList a span{display:inline-block;width:669px;vertical-align:top; text-align:justify; padding:8px 0 0 25px}
.newsList a h1{font-size:17px; line-height:26px; margin-bottom:10px; font-weight:bold; color:#555;overflow:hidden; }
.newsList a h2{font-size:14px; line-height:22px; color:#888}
.newsList a h3{background:url(../images/icoJtNews.png) right center no-repeat; display:block;height:22px; padding-right:26px; margin:8px 0 0 0; text-align:right;color:#999; }
.newsList a h3 font{line-height:22px; font-size:14px;}
.newsList a h4{line-height:22px;font-size:14px;color:#175f83;font-family:'ADAM'; display:block; margin-top:-22px;}
.newsList a:hover{background:#f2f2f2;}
.newsList a:hover h1{color:#175f83;}
.newsList a:hover h3{background:url(../images/icoJtNewsHover.png) right center no-repeat; color:#175f83;}
.newsList a:hover h2{ color:#666}
.newsList a:hover div img{transform:scale(1.2);}


.boxRight{display:inline-block; width:320px; padding:0 0 0 40px}

.navRight{ border-top:2px solid #175f83; line-height:40px; margin:30px 0 0 0; position:relative}
.navRight i{font-size:18px; font-weight:bold; color:#175f83}
.navRight a{position:absolute; right:0; top:0; font-size:12px; color:#999; display:inline-block; padding:0 10px 0 0; background:url(../images/icoJt3.png) right center no-repeat; font-weight:bold}
.navRight a:hover{background:url(../images/icoJt3Hover.png) right center no-repeat; color:#175f83}


.rightVideo{}
.rightVideo a{display:block; width:100%; position:relative; text-align:center; background:#175f83}
.rightVideo a img{width:100%; height:187px;}
.rightVideo a span{ display:block; width:100%;position:absolute; top:50%; margin:-35px 0 0 0; z-index:1}
.rightVideo a span i{ width:40px; height:40px; background:url(../images/icoVideo.png) no-repeat center/100% 100%; display:inline-block}
.rightVideo a span h1{font-size:14px; font-weight:bold; color:#fff; line-height:40px; display:block}
.rightVideo a:hover i{background:url(../images/icoVideoHover.png) no-repeat center/100% 100%;}
.rightVideo a:hover h1{ color:#00d3ff}
.rightVideo a:hover img{ opacity:0.2}

.rightMag{ text-align:center; background:#e3e3e3; padding:5px 0 15px 0; width:100%; overflow:hidden}
.rightMag a{width:120px;height:166px;position:relative; overflow:hidden; background:#175f83; margin:10px 5px 0 5px; display:inline-block}
.rightMag a img{width:100%; height:100%;}
.rightMag a i{position:absolute; left:0; top:80%; margin-top:-13px; width:100%; display:block; line-height:26px; font-size:15px; color:#fff; text-align:center; opacity:0; transition:all 0.3s}
.rightMag a:hover img{ opacity:0.2}
.rightMag a:hover i{ opacity:1; top:50%;}

.rightList{ width:100%;}
.rightList a{ display:block; width:100%; margin-top:30px;}
.rightList a div{width:100%; overflow:hidden}
.rightList a div img{width:100%; height:100%;transition:transform 1s}
.rightList a i{display:block; font-size:14px; line-height:22px; padding:10px 0; text-align:justify}
.rightList a:hover div img{transform:scale(1.2);}


.boxRight1{ background:#68bae3; padding:20px 30px; margin:40px 0}
.boxDate{}
.boxDate li{}
.boxDate li span{display:block; }
.boxDate li span a{display:block;border-bottom:1px solid #fff; background:url(../images/icoJtDate.png) right center no-repeat; font-size:17px; line-height:50px;color:#fff}
.boxDate li span .on{background:url(../images/icoJtDateHover.png) right center no-repeat!important; color:#fff}
.boxDate li span .on:hover{color:#fff}
.boxDate li div{display:none;border-bottom:1px solid #fff; padding-top:15px;}
.boxDate li div a{ display:inline-block; width:36px; height:36px; background:#fff; border-radius:50%; margin:0 25px 15px 0; font-size:14px; line-height:36px; color:#777; text-align:center; }
.boxDate li div a:hover{ background:#236789; color:#fff}
.boxDate li div a:nth-child(4n+4){margin-right:0}
.boxDate li div .on{ background:#236789; color:#fff!important}

.searchNews{ margin:20px 0; background:#f5f5f5; height:40px; overflow:hidden}
.inputSearchNews{border:none; background:none; width:180px; line-height:40px; text-indent:8px}
.submitSearchNews{border:none; background:none; width:40px; height:40px; background:url(../images/icoSearch.png) center no-repeat; cursor:pointer}
.submitSearchNews:hover{background:url(../images/icoSearchHover.png) center no-repeat}
*/

.boxLeft{ float:right; display:inline-block; width:940px; padding:40px 0 0 0; margin:0 0 -40px 0; vertical-align:top;}


.newsList{ padding:0;width:100%;overflow:hidden; margin-bottom:-20px;}
.newsList a{ display:inline-block; width:290px; height:310px;overflow:hidden; background:#f2f2f2; margin:0 35px 20px 0; position:relative}
.newsList a:nth-child(3n+3){margin-right:0}
.newsList a div{width:100%; height:193px; overflow:hidden;vertical-align:top}
.newsList a div img{width:100%; height:100%; transition:transform 1s;}
.newsList a i{display:none;font-size:24px; line-height:24px; color:#175f83;font-family:'ADAM';letter-spacing:-0.5px;vertical-align:top}
.newsList a span{display:block;vertical-align:top; text-align:justify; padding:8px 20px 0 20px}
.newsList a h1{font-size:14px; line-height:20px; margin-bottom:10px; font-weight:bold; color:#555;overflow:hidden; font-weight:normal }
.newsList a h2{font-size:14px; line-height:22px; color:#888; font-weight:normal; display:none}
.newsList a h3{background:url(../images/icoJtNews.png) right center no-repeat; display:block;height:22px; padding-right:26px; margin:8px 0 0 0; text-align:right;color:#999; display:none }
.newsList a h3 font{line-height:22px; font-size:14px;}
.newsList a h4{line-height:22px;font-size:14px;color:#175f83;font-family:'ADAM'; font-weight:normal; position:absolute; bottom:20px; right:20px;}
.newsList a:hover{background:#f2f2f2;}
.newsList a:hover h1{color:#175f83;}
.newsList a:hover h3{background:url(../images/icoJtNewsHover.png) right center no-repeat; color:#175f83;}
.newsList a:hover h2{ color:#666}
.newsList a:hover div img{transform:scale(1.2);}


.boxRight{ float:left;display:inline-block; width:320px; padding:40px 40px 0 0 }

.rightList{ width:100%;}
.rightList a{ display:block; width:100%; margin-top:30px;}
.rightList a div{width:100%; overflow:hidden}
.rightList a div img{width:100%; height:100%;transition:transform 1s}
.rightList a i{display:block; font-size:14px; line-height:22px; padding:10px 0; text-align:justify}
.rightList a:hover div img{transform:scale(1.2);}


.boxRight1{ background:#68bae3; padding:20px 30px;}
.boxDate{}
.boxDate li{}
.boxDate li span{display:block; }
.boxDate li span a{display:block;border-bottom:1px solid #fff; background:url(../images/icoJtDate.png) right center no-repeat; font-size:17px; line-height:50px;color:#fff}
.boxDate li span .on{background:url(../images/icoJtDateHover.png) right center no-repeat!important; color:#fff}
.boxDate li span .on:hover{color:#fff}
.boxDate li div{display:none;border-bottom:1px solid #fff; padding-top:15px;}
.boxDate li div a{ display:inline-block; width:36px; height:36px; background:#fff; border-radius:50%; margin:0 25px 15px 0; font-size:14px; line-height:36px; color:#777; text-align:center; }
.boxDate li div a:hover{ background:#236789; color:#fff}
.boxDate li div a:nth-child(4n+4){margin-right:0}
.boxDate li div .on{ background:#236789; color:#fff!important}

.searchNews{ margin:20px 0; background:#f5f5f5; height:40px; overflow:hidden}
.inputSearchNews{border:none; background:none; width:180px; line-height:40px; text-indent:8px}
.submitSearchNews{border:none; background:none; width:40px; height:40px; background:url(../images/icoSearch.png) center no-repeat; cursor:pointer}
.submitSearchNews:hover{background:url(../images/icoSearchHover.png) center no-repeat}




.boxPage{width:100%; overflow:hidden; margin:30px auto 40px auto; font-size:0; max-width:1260px;}
.boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#bfbfbf;width:42px; height:42px;text-align:center; line-height:42px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#175f83;}
.curPage{color:#fff!important; background-color:#175f83!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:45px;margin:0 15px 0 7px;display:none; vertical-align:middle}



.boxShow{ padding:50px 0 0 0;}

.showLeft{display:inline-block; width:150px; padding:0 40px 0 0; vertical-align:top; }
.newsDate{ width:110px; height:110px; background:#eee; font-family:'ADAM'; font-weight:bold; text-align:center}
.newsDate h1{line-height:64px; height:74px; color:#175f83; font-size:50px;}
.newsDate h2{line-height:32px; height:36px; background:#175f83; color:#fff; font-size:18px;}


.showCenter{display:inline-block; width:100%; max-width:800px; vertical-align:top}
.showTitle{padding:0 0 10px 0;font-size:23px;line-height:32px; font-weight:bold}
.showInfo{color:#999; font-size:14px; line-height:20px;display:none}
.showCon{width:100%; padding:20px 0; font-size:15px; line-height:26px; overflow:hidden;border-top:1px solid #d8d8d8; margin-top:20px;}
.showCon img{width:100%;height:auto!important; display:block; margin:0 auto}
.showCon p,.showCon div{line-height:26px; text-align:justify}


.showRight{display:inline-block; width:270px; margin:0 0 0 40px;vertical-align:top; background:#ededed; padding:0 20px;}
.showRight a{ display:block; font-size:13px; line-height:26px; color:#999; padding:15px 0; border-bottom:1px solid #ddd}
.showRight a:last-of-type{ border:none}
.showRight a strong{ display:block; color:#175f83}
.showRight a:hover i{ color:#175f83}


.showVideo{ width:100%; height:calc((100vw - 30px)/16*9); max-height:500px; display:block; margin:10px 0 0 0}

/*--------------------share------------------------*/
.btnShare1{ text-align:center; padding:40px 0 0 0}
.btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; margin-bottom:15px;}
.btnShare1 a{display:block; margin-bottom:10px;  overflow:hidden;}
.btnShare1 div{width:40px; height:40px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.btnShare1 a img{ margin-top:4px;}
.btnShare1 .shareWx div{background-color:#c5c5c6}
.btnShare1 .shareWb div{background-color:#c5c5c6}
.btnShare1 .shareQz div{background-color:#c5c5c6}
.btnShare1 .shareQq div{background-color:#c5c5c6}
.btnShare1 .shareWx:hover div{background-color:#6ac334}
.btnShare1 .shareWb:hover div{background-color:#d0111b}
.btnShare1 .shareQz:hover div{background-color:#f1a718}
.btnShare1 .shareQq:hover div{background-color:#27a0f5}

.btnShare1Fixed{}

.boxEwm{ position:fixed; width:222px; height:248px; 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; box-sizing:content-box}
.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}
/*--------------------share------------------------*/



.boxDc{ width:100%; height:500px; background:url(../images/bgDc.jpg) no-repeat center/cover; overflow:hidden; position:relative; margin-top:50px;color:#0d5d9c}
.boxDc span{ position:absolute; top:80px; left:50px; font-size:18px; line-height:30px;}
.boxDc h2{ font-size:20px; font-weight:bold}
.btnGo{ position:absolute; right:40px; bottom:40px;display:inline-block; width:140px; height:44px; text-align:center; border:2px solid #fff; color:#fff; transition:all 0.3s}
.btnGo i{ display:inline-block; background:url(../images/icoMore2Hover.png) right center no-repeat; font-size:15px; font-weight:bold; line-height:40px; padding-right:27px;}
.btnGo:hover{ background:#fff; color:#175f83}
.btnGo:hover i{ background:url(../images/icoMore2.png) right center no-repeat;}


.boxSy{ width:100%; height:500px; background:url(../images/bgSy.jpg) no-repeat center/cover; overflow:hidden; position:relative; margin-top:20px;color:#00fcff; padding:102px 0 0 50px}
.boxSy a{ width:270px; height:340px;display:inline-block; margin-right:27px; position:relative; overflow:hidden}
.boxSy a:hover i{ background:rgba(0,222,255,0.9);}

.boxTz{ width:100%; height:500px; background:url(../images/bgTz.jpg) no-repeat center/cover; overflow:hidden; position:relative; margin-top:20px;color:#fff; padding:102px 0 0 50px}
.boxTz a{ width:567px; height:340px; display:inline-block; margin-right:27px; position:relative; overflow:hidden}
.boxTz a:hover i{ background:rgba(255,138,0,0.9);}

.boxDc h1,.boxSy h1,.boxTz h1{ font-size:30px; line-height:30px; font-weight:bold; position:absolute; top:40px; left:50px;}

.boxSy a i,.boxTz a i{ position:absolute; bottom:0; display:block; width:100%; line-height:60px; font-size:20px; color:#fff; font-weight:bold; letter-spacing:10px; padding:0 0 0 10px; background:rgba(0,0,0,0.5);text-align:center;z-index:1;}

.boxSy img,.boxTz img{transition:transform 1s;}
.boxSy a:hover img,.boxTz a:hover img{transform:scale(1.1);}





.navCur{width:100%;}
.navCur a{display:inline-block; border-right:4px solid #fff; font-size:18px; line-height:44px; background:#ebebeb; text-align:center}
.navCur .on{ background:#3186b1; color:#fff; font-weight:bold;}
.navCur a:last-of-type{border:none}

.jdList{ width:100%; overflow:hidden}
.jdList a{ width:100%; display:block; height:400px; position:relative; margin-top:40px; overflow:hidden}
.jdList a .jdImg{ width:850px; height:400px;}
.jdList a .jdImg img{width:100%; height:100%}
.jdList a .jdText{width:590px; height:320px; position:absolute; right:0; top:40px; border:2px solid #dfdfdf; background:rgba(255,255,255,0.85)}
.jdList a .jdText h1{display:inline-block; vertical-align:middle; width:178px; text-align:center; height:320px;}
.jdList a .jdText h1 img{display:inline-block; vertical-align:middle; max-width:130px;}
.jdList a .jdText span{display:inline-block; vertical-align:middle; height:100%; width:408px; padding:0 30px;}
.jdList a .jdText h2{font-size:20px;line-height:20px;font-weight:bold; padding:43px 0 23px 10px; border-bottom:1px solid #dadada}
.jdList a .jdText h3{border-bottom:1px dashed #b3b3b3; font-size:15px; line-height:24px; background:url(../images/icoPro1.png) 10px center  no-repeat; height:77px; padding:0 0 0 50px; color:#666}
.jdList a .jdText h4{border-bottom:1px dashed #b3b3b3; font-size:15px; line-height:24px; background:url(../images/icoPro2.png) 10px center  no-repeat; height:77px; padding:0 0 0 50px;color:#666}
.jdList a .jdText h5{ background:url(../images/icoJtNews.png) right center no-repeat; height:22px; margin-top:24px;}
.jdList a .jdText i{display:inline-block; width:1px; height:100%; vertical-align:middle}
.jdList a .jdText strong{display:inline-block; width:99%; vertical-align:middle}
.jdList a .jdText font{ font-weight:normal}

.jdList a:nth-child(2n+2) .jdImg{float:right}
.jdList a:nth-child(2n+2) .jdText{left:0}
.jdList a:nth-child(2n+2) .jdText span{ float:left}

.jdList a:hover .jdText{ border:2px solid #3186b1}
.jdList a:hover h5{background:url(../images/icoJtNewsHover.png) right center no-repeat;}






.bannerCon{ position:relative; width:100%; overflow:hidden; margin:40px 0 30px 0}
.bannerCon i{ position:absolute; line-height:60px; background:rgba(0,0,0,0.5); bottom:0; left:0; display:block; width:100%; font-size:26px; color:#fff; font-weight:bold; text-indent:40px;}
.bannerCon img{width:100%}

.boxJrtz{ width:100%; overflow:hidden}
.boxJrtz li{ width:100%;margin-bottom:40px;}
.boxJrtz li:last-of-type{margin:0}
.boxJrtz li div{ padding:50px 80px}
.boxJrtz li div img{ display:inline-block; width:100px; vertical-align:middle}
.boxJrtz li div span{ display:inline-block; width:1000px; padding:0 0 0 45px;vertical-align:middle}
.boxJrtz li h1{ font-size:20px; line-height:20px;font-weight:bold; margin-bottom:10px;}
.boxJrtz li h2 img{width:100%}
.boxJrtz li:nth-child(2n+2){ background:#f4f4f4}

.boxZlzlz{background:url(../images/icoZlzlz.png) center no-repeat;width:100%;height:600px;}



.proList{ width:100%}
.proList a{display:inline-block; width:calc((100% - 60px)/3); vertical-align:top; margin:30px 30px 0 0;}
.proList a:nth-child(3n+3){margin-right:0}
.proList a div{width:100%; overflow:hidden}
.proList a div img{ width:100%; height:267px; transition:transform 1s;}
.proList a h1{ font-size:20px;line-height:100%;font-weight:bold; padding:20px 0 10px 0;}
.proList a h2{ font-size:14px; line-height:22px; color:#666}
.proList a:hover div img{transform:scale(1.2);}




/*--------------------------------项目展示--------------------------------*/
.proBanner{ background-color:#175f83; margin-top:90px; height:31.25vw; color:#444; }
.proBannerImg{ width:65.625%; height:100%; display:inline-block; vertical-align:middle} 

.proInfo{ width:34.375%; height:calc(31.25vw - 80px); background:#fff; display:inline-block; vertical-align:middle; margin:0 0 0 -40px; padding:0 3%; box-sizing:border-box}
.proInfo h1{font-size:30px; line-height:100%; font-weight:bold; border-bottom:1px solid #ccc; padding:10px 0 20px 0;}
.proInfo ul{}
.proInfo li{ border-bottom:1px dotted #b3b3b3; padding:15px 0; line-height:26px; font-size:15px;}
.proInfo li div{display:inline-block; vertical-align:middle; width:50px;}
.proInfo li i{ display:inline-block; vertical-align:middle; width:calc(100% - 50px); }
.proInfo li strong{ display:block; }
.proInfo li:last-child{ border:none}
.proInfo li:last-child div{vertical-align:top}
.proInfo li:last-child strong{ display:inline-block; vertical-align:top}
.proInfo span{display:inline-block; width:80px; height:80px; margin-top:5px}
.proInfo span img{width:100%; height:100%}
.proInfo font{ font-size:24px; color:#175f83; font-family:'ADAM';}
.proInfo h2{ margin-bottom:20px; text-align:center}
.proInfo h2 img{max-height:80px}

.proInfo1{ width:calc(100% - 1px); vertical-align:middle; display:inline-block;}
.proInfo2{ width:1px; height:100%; vertical-align:middle; display:inline-block;}

.proNav{ padding:50px 0 30px 0; font-size:26px; line-height:26px; font-weight:bold}
.proCon{ border-bottom:2px solid #d6d8d9; padding:0 0 40px 0; font-size:15px; line-height:26px; text-align:justify}

.proImgList1{position:relative; padding:0 0 90px 0;  width:100%; overflow:hidden; border-bottom:2px solid #d6d8d9}
.proImgList{width:100%; height:300px; overflow:hidden;}
.proImgList img{width:auto; height:300px}
.proImgList .swiper-slide{width:auto; z-index:1}
.proImgList .swiper-pagination{bottom:42px!important;z-index:1}
.proImgList .swiper-pagination-bullet{width:8px; height:8px; background:#bec0c2; opacity:1.0}
.proImgList .swiper-pagination-bullet-active{background:#3487b3;}
.proImgList .swiper-button-prev{left:0;bottom:30px; top:auto;width:32px; height:32px; background:url(../images/bannerJtLeft2.png) no-repeat; background-size:100% 100%;z-index:99;}
.proImgList .swiper-button-prev:hover{background:url(../images/bannerJtLeft2Hover.png) no-repeat;background-size:100% 100%;opacity:1.0}
.proImgList .swiper-button-next{right:0;bottom:30px; top:auto;width:32px; height:32px; background:url(../images/bannerJtRight2.png) no-repeat;background-size:100% 100%; z-index:99}
.proImgList .swiper-button-next:hover{background:url(../images/bannerJtRight2Hover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.proMap{ margin-bottom:50px; height:400px; width:100%;}
/*--------------------------------项目展示--------------------------------*/

.bannerQygm{ width:100%; height:67vw; max-height:400px; background:url(../images/imgGy.jpg) no-repeat center/cover; padding:50px 0 0 60px; font-size:18px; font-weight:bold; line-height:30px; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.5)}
.bannerQygm h1{ font-size:40px; line-height:40px; margin-bottom:15px; font-weight:normal}

.qygmCon{ width:100%;background:#f4f4f4; padding:40px; margin-bottom:-10px;}
.qygmCon div{ width:100%; height:290px; overflow:auto;overflow:hidden; overflow-y:scroll;padding:0 40px 0 0}
.qygmCon div p{ margin-bottom:10px}



.gyList{ width:100%; padding:40px 0 0 0; overflow:hidden}
.gyList a{display:inline-block; width:calc((100% - 60px)/3); vertical-align:top; margin:0 30px 30px 0; background:#fadddd}
.gyList a:nth-child(3n+3){margin-right:0}
.gyList a div{width:100%; height:264px; overflow:hidden}
.gyList a div img{ width:100%; height:100%;transition:transform 1s;}
.gyList a span{ display:block; height:80px; padding:18px 20px;}
.gyList a h1{ font-size:22px;line-height:22px;padding:14px 0 10px 0; font-family:'ADAM'; color:#175f83; opacity:0.5; display:none}
.gyList a h2{ font-size:15px; line-height:22px; text-align:justify}
.gyList a:hover div img{transform:scale(1.2);}
.gyList a:nth-child(2n+2){ background:#d8f1e1}
.gyList a:nth-child(3n+3){ background:#ffefda}
.gyList a:nth-child(4n+4){ background:#d3e5f2}

.gyList a:hover{background:#f15138}
.gyList a:hover h1{ color:#fff;}
.gyList a:hover h2{ color:#fff}

.loadMore{ text-align:center; margin:10px 0 0 0;}
.loadMore a{ display:inline-block; width:160px; height:50px; text-align:center; border:2px solid #175f83; color:#175f83; transition:all 0.3s}
.loadMore a i{ display:inline-block; background:url(../images/icoMore3.png) right center no-repeat; font-size:15px; font-weight:bold; line-height:46px; padding-right:27px;}
.loadMore a:hover{ background:#175f83; color:#fff}
.loadMore a:hover i{ background:url(../images/icoMore3Hover.png) right center no-repeat;}


.boxRcln{ width:100%; overflow:hidden;}
.boxRcln h1{ color:#dadada; font-size:50px; line-height:50px; text-transform:uppercase; width:100%; max-width:1036px; margin:0 auto; background:url(../images/bgLine.png) center right no-repeat;}
.boxRcln h1 i{ display:inline-block; background:#fff; padding-right:10px;}
.boxRcln p{ font-size:18px; line-height:32px; font-weight:bold; color:#666; width:100%; max-width:1036px; margin:0 auto; padding:20px 0 0 0}

.imgRcln{ margin:50px 0 0 0;}
.imgRcln img{ margin:0 20px 0 0; vertical-align:top;transition:all 0.3s}
.imgRcln img:nth-child(2n+2){ margin-top:40px;}
.imgRcln img:last-of-type{margin-right:0}
.imgRcln img:hover{ margin-top:-30px;}
.imgRcln img:nth-child(2n+2):hover{ margin-top:10px;}


.jobList{ margin:0 0 -20px 0}
.jobList a{width:620px; min-height:120px; border:1px solid #d8d8d8; background:#fff; padding:20px; margin:0 20px 20px 0; display:inline-block; vertical-align:top; position:relative; background:url(../images/bgJob.png) top no-repeat/100% 3px}
.jobList a:nth-child(2n+2){ margin-right:0}
.jobList a h1{ font-size:18px; font-weight:bold; line-height:18px; padding:15px 0;}
.jobList a h2{ font-size:13px; line-height:22px; color:#888;}
.jobList a i{ position:absolute; right:20px; top:50%; width:32px; height:32px; margin:-16px 0 0 0; background:url(../images/icoJtJob.png) center no-repeat; background-size:100% 100%;}
.jobList a:hover{border:1px solid #175f83;background:url(../images/bgJobHover.png) top no-repeat/100% 3px}
.jobList a:hover i{background:url(../images/icoJtJobHover.png) center no-repeat; background-size:100% 100%;}

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


.contactJtzb{ padding:40px 0; background:#f4f4f4; margin-bottom:4px}
.contactJtzb li{display:inline-block; margin:0 40px 0 20px; font-size:16px; line-height:26px;}
.contactJtzb li img{display:inline-block; vertical-align:middle;}
.contactJtzb li i{display:inline-block;vertical-align:middle;}

.contactMap{ width:100%; height:400px;}


.bgBox{ background:#f4f4f4; width:100%; overflow:hidden}
.marginTop{ margin-top:90px;}
.searchNav{ font-size:16px; color:#666; padding:40px 0 20px 0; border-bottom:1px solid #aaa}
.searchNav i{ font-size:40px; line-height:40px; font-family:'ADAM'; color:#175f83; margin:0 5px}
.searchList{}
.searchList a{ display:block; line-height:26px; padding:28px 25px 28px 30px; font-size:16px; background:url(../images/bgLi1.png) 15px 40px no-repeat;}
.searchList a i{float:right; color:#888}
.searchList a:nth-child(even){ background:url(../images/bgLi1.png) 15px 40px no-repeat;background-color:rgba(0,0,0,0.05);}


/********************************弹窗********************************/
.boxTc{background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:1001; width:100%; height:100%; display:none}
.boxTc1{width:1200px; height:527px; position:absolute; top:50%; left:50%; margin:-274px 0 0 -600px; padding:30px; background:#fff; box-sizing:border-box}
.boxTcImg{width:700px; height:467px; display:inline-block; vertical-align:middle;}
.boxTcCon{width:420px; display:inline-block;vertical-align:middle; padding:0 0 0 40px; box-sizing:border-box}
.boxTcCon h1{font-size:26px; line-height:32px; font-weight:bold; color:#175f83; padding:0 0 15px 0; border-bottom:2px solid #175f83; margin-bottom:15px; display:block}
.boxTcText{font-size:15px; line-height:26px; max-height:380px; overflow:hidden; overflow-y:auto}
.boxTcText p{line-height:26px; margin-bottom:10px;}

.boxTcImg1{width:100%; height:100%; overflow:hidden; position:relative}
.boxTcImg1 img{ width:100%; height:100%}
.boxTcImg1 .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.boxTcImg1 .swiper-pagination{bottom:30px!important;z-index:1}
.boxTcImg1 .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:1.0}
.boxTcImg1 .swiper-pagination-bullet-active{background:#d7a874;}
.boxTcImg1 .swiper-button-prev{left:20px;}
.boxTcImg1 .swiper-button-next{right:20px;}



.btnCloseTc{ width:60px; height:60px; border-radius:50%; display:inline-block; position:absolute; top:50%; left:50%; margin:-304px 0 0 570px;background:url(../images/icoClose1.png) center no-repeat; background-size:60% 60%;background-color:#3286b1; z-index:2;transition:transform 0.4s ease-out;}
.btnCloseTc:hover{ transform:rotateZ(180deg);}
/********************************弹窗********************************/


.boxBusiness{}
.boxBusiness li{width:100%; height:540px; overflow:hidden}
.boxBusiness li div{ width:100%; max-width:1260px; margin:0 auto}
.boxBusiness li i{ float:left; width:350px; display:inline-block; margin-top:60px;}
.boxBusiness li span{ float:left; width:910px;display:inline-block; margin-top:80px;}
.boxBusiness li span a{display:inline-block; width:290px; height:380px; padding:110px 35px 0 35px; margin:0 20px 0 0; background:rgba(255,255,255,0.8); vertical-align:top; position:relative;transition:all .3s}
.boxBusiness li span a img{ position:absolute; right:20px; top:25px}
.boxBusiness li span a h2{ font-size:24px; line-height:24px; margin-bottom:20px; color:#000;}
.boxBusiness li span a h3{ font-size:14px; line-height:24px; text-align:justify; color:#444}
.boxBusiness li span a h4{ position:absolute; bottom:30px; right:35px; width:30px; height:16px; background:url(../images/icoJt4.png) no-repeat;transition:all .3s  ease-out .3s}
.boxBusiness li span a:last-child{margin-right:0}
.boxBusiness li span a:hover{box-shadow:0 0 20px rgba(11,65,93,0.3); margin-top:-20px;}
.boxBusiness li span a:hover h4{right:20px;background:url(../images/icoJt4Hover.png) no-repeat;}

.boxBusiness li:nth-child(2) i{float:right; text-align:right; }
.boxBusiness li:nth-child(2) i .imgPc{display:inline-block}
.boxBusiness li:nth-child(2) span a{background:rgba(0,0,0,0.05);}
.boxBusiness li:nth-child(2) span a img{ right:auto; left:35px;}
.boxBusiness li:nth-child(2) span a h2{ text-align:right}

.boxBusiness li:nth-child(1){ background:url(../images/bgBusiness1.jpg) no-repeat center/cover}
.boxBusiness li:nth-child(2){ background:url(../images/bgBusiness2.jpg) no-repeat center/cover}
.boxBusiness li:nth-child(3){ background:url(../images/bgBusiness3.jpg) no-repeat center/cover}


.boxLzjc{ width:100%;background:url(../images/bgLzjc.jpg?v=1.0) no-repeat center top; height:auto; padding:60px 0 0 0; overflow:hidden}
.navLzjc{ font-size:23px; line-height:23px; font-weight:bold; color:#555}
.titleLzjc{ font-size:46px; line-height:66px; color:#1c74a0; text-align:center; letter-spacing:5px; font-weight:bold; margin:66px 0 90px 0;}


.boxLzjc1{ width:100%; overflow:hidden;border-radius:8px; padding:60px 90px 60px 90px; background:#fff; border:1px solid rgba(0,0,0,0.1)}

.lzjbJbsf{ width:50%; padding:0 50px 0 0;}
.lzjbJbsf strong{font-size:15px; line-height:22px; display:block; margin:0 0 20px 0}
.lzjbJbsf li{ display:block; border-top:1px solid #dcdcdc; padding:30px 0}
.lzjbJbsf li h1{display:inline-block; vertical-align:middle; margin-right:20px;}
.lzjbJbsf li h2{display:inline-block; font-size:15px; line-height:26px; vertical-align:middle; width:420px}
.lzjbJbsf li h2 i{display:block}
.lzjbJbsf li h2 img{ margin:10px 0 5px 0}


.lzjbText{ width:50%;font-size:15px; line-height:30px;float:right}
.lzjbText p{ margin-bottom:20px;}
.lzjbText strong{display:block}




.proSearch{position:relative; padding:30px 0; margin-bottom:-30px;}
.searchClass{}
.searchClass li{position:relative; font-size:0; padding:0 0 10px 50px;line-height:28px; }
.searchClass i{position:absolute; left:0; top:0; font-size:14px;font-weight:bold}
.searchClass a{font-size:14px; display:inline-block; padding:0 12px; margin:0 2px;border-radius:3px;}
.searchClass a:hover{color:#3286b1}
.searchClass .on{background:#3286b1;color:#fff}
.searchClass .on:hover{color:#fff}

.proSearch1{position:absolute; bottom:45px; right:0; width:400px; border-bottom:1px solid #c2c2c2}
.inputPro{ width:calc(100% - 40px); height:40px; line-height:40px; overflow:hidden; border:none; background:none; font-size:14px; text-indent:5px}
.submitPro{ width:40px; height:40px; background:url(../images/icoSearchPro.png) center no-repeat; border:none;}


.rclnList{ width:100%; overflow:hidden; margin-bottom:0;}
.rclnList li{width:100%; height:280px; overflow:hidden; background:#f2f2f2; margin-bottom:40px;}
.rclnList li:last-child{ margin-bottom:0}
.rclnList li img{ float:left; width:50%;height:100%;}
.rclnList li div{ float:left; width:50%;height:100%;}
.rclnList li div span{ width:calc(100% - 1px); padding:0 50px; display:inline-block; vertical-align:middle}
.rclnList li div i{ width:1px; height:100%; display:inline-block; vertical-align:middle}
.rclnList li h1{ display:inline-block; font-size:20px; font-weight:bold; border-bottom:2px solid #3186b1; line-height:20px; padding:0 0 15px 0; margin-bottom:20px}
.rclnList li h2{}
.rclnList li h3{ font-size:15px; line-height:26px; font-weight:normal; text-align:justify}
.rclnList li:nth-child(even) img{ float:right}