.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:42px; height:42px; border-radius:100%; background:url(404.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(404.png) no-repeat;background-size:100% 100%;opacity:1.0}

.boxMax{ width:100%;max-width:1260px; padding:0 10px; margin:0 auto;}
.marginTop{ margin-top:100px;}

.boxTop{ position:fixed; top:0; left:0;width:100%;height:80px; z-index:100; background:#e5e5e6;}
.boxTop1{position:relative; height:80px;text-align:right; width:100%;  margin:0 auto}
.logo{ position:absolute; left:30px; top:17px; height:60px}




@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle}
.boxNav li{display:inline-block;position:relative; padding:0 32px; }
.boxNav li span a{display:block;font-size:15px; color:#666;line-height:80px;}
.boxNav li span a:hover{color:#0053ad}
.boxNav li span i{ height:3px; background:#0053ad; width:100%; position:absolute; bottom:0; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.3s}
.boxNav li .on a{color:#0053ad}
.boxNav li div{position:absolute; top:80px; left:0;width:100%;text-align:left;background:rgba(0,83,173,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:#e8340c}




/*--------------------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:100;}
.logoM{ position:absolute;left:15px; top:10px; height:50px;}

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


.navTopM{background:#fff;position:fixed; top:0; left:100%; width:80vw;height:100vh; padding:0 30px; z-index:1001; background:#0053ad;overflow-y:auto;}
.boxNavM{padding-top:60px}
.boxNavM li{border-bottom:1px solid #3375bd;}
.boxNavM li span{display:block; position:relative}
.boxNavM li span a{display:block;font-size:14px;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(404.png) right center no-repeat; background-size:16px 16px; z-index:2;}
.boxNavM li span .on{background:url(404.png) right center no-repeat!important;background-size:16px 16px!important;}
.boxNavM li div{background:#d18756; display:none}
.boxNavM li div a{display:block; line-height:50px; font-size:14px; text-align:center; color:#fff}
.boxNavM li div a:hover{background:#ef9f6b;color:#fff}
.boxNavM li div .on{background:#ef9f6b;}

.searchTopM{margin:20px 0; padding:4px 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(../image/icoSearchTop.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

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

.lngM{ position:absolute; top:20px; left:30px;}
.lngM a{display:inline-block; width:70px; height:30px; line-height:30px; font-size:11px; text-align:center; color:rgba(255,255,255,0.5)}
.lngM .on{ border:1px solid #fff; color:#fff!important; line-height:28px;}
/*--------------------mTop------------------------*/


.banner{width:100%;height:35.4167vw;overflow:hidden; position:relative; margin-top:80px}
.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:20px!important;z-index:1}
.banner .swiper-pagination-bullet{width:8px; height:8px; background:#f0f0f0; opacity:1.0; border-radius:4px;}
.banner .swiper-pagination-bullet-active{background:#e8340c; width:20px;}
.banner .swiper-button-prev{left:20px;margin-top:-19px; width:17px; height:38px; background:url(404.png) no-repeat;opacity:0.5; }
.banner .swiper-button-prev:hover{background:url(404.png) no-repeat;opacity:1.0}
.banner .swiper-button-next{right:20px;margin-top:-19px; width:17px; height:38px; background:url(404.png) no-repeat;opacity:0.5;}
.banner .swiper-button-next:hover{background:url(404.png) no-repeat;opacity:1.0}


.bannerM{width:100%;height:66.7vw;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;}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#f0f0f0; opacity:1.0; border-radius:3px;}
.bannerM .swiper-pagination-bullet-active{background:#e8340c; width:20px;}


.boxFoot{background:#3e4348; width:100%; padding:35px 0; line-height:24px; color:#999;  font-size:13px; font-weight:bold; text-align:center}
.boxFoot div{ display:inline-block;width:100%; max-width:1260px; padding:0 10px;margin:0 auto; text-align:left}
.boxFoot span{float:right; margin:12px 0 0 0}
.boxFoot a{color:#999;}
.boxFoot a:hover{color:#999;}
.boxFoot span a:hover{ color:#e8340c}

.bgWhite{ background:#fff}
.indNewsBox{ width:100%; max-width:1260px; padding:40px 10px; margin:0 auto}

.indNews{ display:inline-block; width:620px;vertical-align:top;position:relative}
.indNewsNav{ background:url(404.png) bottom repeat-x;}
.indNewsNav a{display:inline-block; width:110px;font-size:15px;text-align:center; line-height:49px;border-bottom:1px solid #a2bdda; background:#e8ebed;}
.indNewsNav .on{border-bottom:1px solid #0053ad!important; background:#0053ad!important;color:#fff}
.indNewsList{display:none; padding:10px 0 0 0}
.indNewsList a{display:block; border-bottom:1px dotted #ccc; line-height:26px; padding:7px 0}
.indNewsList a i{font-size:14px; color:#9d9d9d;font-weight:bold; width:110px; display:inline-block; vertical-align:middle; font-family:'Arial'}
.indNewsList a span{width:calc(100% - 110px); display:inline-block;vertical-align:middle}
.indNewsList a h1{font-size:15px; color:#666}
.indNewsList a h2{font-size:13px; color:#999; line-height:22px; margin:10px 0 8px 0}
.indNewsList a:hover h1{color:#e8340c}
.indNewsList a:first-of-type{ border-bottom:2px solid #e5e5e5;}
.indNewsList a:first-of-type i{font-family:'DINCond'; font-size:26px; color:#e8340c; vertical-align:top}
.indNewsList a:first-of-type h1{ font-weight:bold; font-size:18px; color:#444; height:26px; overflow:hidden}
.indNewsList a:first-of-type:hover h1{color:#e8340c}

.moreNews{position:absolute; top:0; right:0;}
.moreNews i{display:none;}
.moreNews a{display:block; padding-right:25px; height:50px; background:url(404.png) center right no-repeat; font-size:12px; color:#ccc; font-weight:bold; line-height:50px;}
.moreNews a:hover{background:url(404.png) center right no-repeat; color:#e8340c}


.indNewsPic{width:590px;height:369px;overflow:hidden; position:relative; display:inline-block; margin:0 0 0 30px}
.indNewsPic .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.indNewsPic .swiper-slide img{ width:100%;}
.indNewsPic .swiper-slide i{ position:absolute; bottom:0; left:0; z-index:10px; background:rgba(0,0,0,0.6); color:#fff; width:100%; padding:12px 50px 12px 20px; line-height:26px; font-size:17px; }
.indNewsPic .swiper-pagination{bottom:0!important; margin:0 0 0 -15px;text-align:right;font-size:17px; line-height:50px; color:#fff}
.indNewsPic .swiper-button-prev{left:20px;margin-top:-19px; width:17px; height:38px; background:url(../image/bannerJtLeft1.png) no-repeat;opacity:1.0; display:none}
.indNewsPic .swiper-button-prev:hover{background:url(404.png) no-repeat;opacity:1.0}
.indNewsPic .swiper-button-next{right:20px;margin-top:-19px;width:17px; height:38px; background:url(../image/bannerJtRight1.png) no-repeat;opacity:1.0; display:none}
.indNewsPic .swiper-button-next:hover{background:url(404.png) no-repeat;opacity:1.0}
.indNewsPic:hover .swiper-button-prev,.indNewsPic:hover .swiper-button-next{display:block}





.aboutIco{ width:100%; padding:60px 0 50px 0; text-align:center}
.aboutIco i{ display:inline-block; width:25%; text-align:center}
.aboutCon{ padding:0 0 60px 0}
.aboutCon h1{ border-top:2px solid #0053ad;border-bottom:2px solid #0053ad; font-size:18px; line-height:36px; font-weight:bold; color:#0053ad; padding:30px 0; margin-bottom:40px;}
.aboutCon p{ font-size:16px; line-height:26px; margin-top:20px; text-align:justify}

.aboutJtbj{ padding:80px 0 70px 0}
.jtbj_img{ width:435px; text-align:center;display:inline-block; vertical-align:top; margin-top:10px;}
.jtbj_text{ width:750px; display:inline-block;vertical-align:top}
.jtbj_text i{font-size:23px; line-height:26px; margin-bottom:15px; display:block}
.jtbj_text p{ font-size:16px; line-height:26px; margin-bottom:20px; text-align:justify}
.conBanner{ margin-top:40px; position:relative}
.conBanner img{width:100%}

.imgPc{display:block; margin:0 auto}
.imgM{display:none; margin:0 auto; width:100%;}
.imgPcM{ width:100%}

.btnLink{ position:absolute; bottom:30px; right:30px;}
.btnLink span{display:inline-block; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.3);  padding:0 30px; border-radius:20px; }
.btnLink i{display:inline-block; padding:0 20px 0 0; background:url(404.png) right center no-repeat; font-size:15px;line-height:40px;}
.btnLink:hover span{ background:#e8340c}
.btnLink:hover i{background:url(404.png) right center no-repeat; color:#fff}


@keyframes AHistoryBg{0%{height:0; top:50%}100%{height:100%; top:0}}
.historyList{ padding:70px 0}
.historyList li{ position:relative}
.historyList li div{ width:100%; max-width:1260px; padding:0 10px; margin:0 auto; background:url(404.png) 250px 0 repeat-y; position:relative; z-index:2}
.historyList li div h1{ width:250px; font-size:30px; color:#0053ad; line-height:100px; vertical-align:top; font-family:'DINCond'; font-weight:bold; padding:0 90px 0 0; text-align:right; background:url(404.png) right center no-repeat; vertical-align:top; display:inline-block}
.historyList li div span{ padding:40px 0; display:inline-block; margin:0 0 0 65px; width:calc(100% - 315px); vertical-align:top; font-size:16px; line-height:30px; border-bottom:1px dotted #777}
.historyList li i{ position:absolute; top:50%; left:0; width:100%; background:#d7e0ed; display:none; opacity:0.5}
.historyList li:hover i{animation:AHistoryBg 0.5s; top:0; height:100%; display:block}


.aboutDtwh{ background:url(404.png) top center no-repeat; padding:0 0 70px 0; text-align:center}

.navDtwh{}
.navDtwh a{ display:inline-block; width:50%; border-bottom:2px solid #bfc0c3; font-size:21px; font-weight:bold; line-height:80px; text-align:center}
.navDtwh a:hover{color:#0053ad}
.navDtwh .on{ border-bottom:2px solid #0053ad!important; color:#0053ad;}

/*.navJzg{ text-align:center; padding:90px 0;font-family:'fontSyst'}
.navJzg i{ display:inline-block; font-size:26px; line-height:26px; vertical-align:middle;} 
.navJzg span{ display:inline-block; vertical-align:middle}
.navJzg span a{display:inline-block; width:180px; text-align:center; font-size:60px; line-height:60px; color:#444}
.navJzg span .on{ color:#0053ad}*/

.navJzg{padding:60px 0;font-family:'fontSyst';font-size:26px; line-height:26px; text-align:left}
.jzgList{ padding:0 0 40px 0;}
.jzgList div{ display:inline-block; vertical-align:middle; text-align:center; width:20%;}
.jzgList h1{font-family:'fontSyst';font-size:50px; line-height:50px; color:#d18756; margin:5px 0 10px 0}
.jzgList h2{ font-size:16px; line-height:26px; display:none}




.boxJzg{}
.boxJzg li{display:none; background:url(404.png) right center no-repeat; background-color:#fff}
.boxJzg li:first-of-type{ display:block;}
.boxJzg img{display:inline-block;width:50%;}
.boxJzg div{display:inline-block;width:50%; text-align:center;}
.boxJzg div span{ display:inline-block;vertical-align:middle; text-align:left; min-width:370px;}
.boxJzg div i{width:1px; height:100%; display:inline-block; vertical-align:middle}
.boxJzg div h1{background:url(404.png) center repeat-x; display:block; margin-bottom:30px; color:#0053ad; font-weight:bold}
.boxJzg div h1 font{display:inline-block; font-size:26px; line-height:26px; width:145px; background:#fff}
.boxJzg div span{}
.boxJzg div p{ font-size:20px; line-height:26px; letter-spacing:8px}
/*.boxJzg div p:first-of-type{ font-size:18px; line-height:26px; letter-spacing:8px}*/

.boxLntx{width:100%; max-width:1130px; margin:20px auto 0 auto;display:inline-block; text-align:left; overflow:hidden; position:relative}
.navLntx{font-size:26px; line-height:26px; width:260px; display:inline-block; vertical-align:top; margin:0 0 0 0; font-family:'fontSyst'} 
.lntxList{width:calc(100% - 260px); display:inline-block; vertical-align:top;}
.lntxList li{ line-height:20px; font-size:17px; padding:20px 0; border-top:1px dotted #777}
.lntxList li i{ display:inline-block; width:260px; padding:0 0 0 20px; font-weight:bold; color:#0053ad}

.boxTt{ position:absolute; top:110px; left:0; text-align:center}
.boxTt i{display:block; font-size:16px; line-height:28px; margin-top:30px;}
.boxTt strong{display:block; font-size:22px;}

.logoQs{ padding:60px 0}
.logoQs i{display:inline-block; width:420px; vertical-align:middle}
.logoQs span{display:inline-block; width:calc(100% -420px); vertical-align:middle; text-align:left}
.logoQs span p{ font-size:16px; line-height:30px;}

.ppqsList{}
.ppqsList li{ padding:10px 0; position:relative; margin:0 0 -11px 0}
.ppqsList li div{border:1px solid #d7d8dc; text-align:left; padding:25px 45px}
.ppqsList li i{ position:absolute; top:0; left:10px; width:calc(100% - 20px);border:1px solid #d7d8dc; height:100%;}
.ppqsList li div h1{ font-size:26px; line-height:26px; color:#e8340c; font-family:'fontSyst'; margin-bottom:13px;}
.ppqsList li div p{ font-size:16px; line-height:26px;}


.aboutShzr{ width:100%; max-width:1060px; margin:0 auto; padding:80px 0;}
.aboutShzr span{display:block; padding:0 0 0 28px; font-size:18px; font-weight:bold; line-height:36px; background:url(404.png) 0 0 no-repeat;}
.aboutShzr span img{margin-top:10px}
.aboutShzr i{display:block; text-align:right; font-size:30px; line-height:30px; margin:10px 0 0 0}

.aboutShzr1{position:relative}
.conShzr{ line-height:28px; font-size:16px;background:url(404.png) top center no-repeat; background-size:100% 2px; padding:30px 50px}
.navShzr div{background:url(404.png) top center no-repeat; height:359px;}
.navShzr span{display:block; text-align:center; margin-top:-90px; position:relative; z-index:1}
.navShzr a{ display:inline-block; width:140px; height:140px; background:rgba(255,255,255,0.9); margin:0 25px 10px 25px;text-align:center}
.navShzr a:hover{ color:#f15138}
.navShzr a i{ display:block; font-size:16px; line-height:16px;}
.navShzr a img{ margin:25px 0 10px 0}
.navShzr a .img1{}
.navShzr a .img2{display:none}
.navShzr .on{background:rgba(241,81,56,1.0)!important; color:#fff}
.navShzr .on:hover{color:#fff}
.navShzr .on .img1{display:none!important}
.navShzr .on .img2{display:inline-block!important}


.shzrList{ padding:30px 0 60px 0;display:inline-block; vertical-align:top;}
.shzrList li{ display:none}
.shzrList li h1{font-size:30px; line-height:30px; background:url(404.png) center no-repeat; background-size:100% 2px; display:none}
.shzrList li h1 i{ background:#d9e7f7; display:inline-block; padding-right:30px;}
.shzrList li span{ display:block;}
.shzrList li span p{ font-size:16px; line-height:34px; position:relative; padding:0 0 0 170px; display:block}
.shzrList li span p i{ position:absolute; left:50px; top:0;}


.navShzrNews{ line-height:100px; font-size:30px;background:url(404.png) top center no-repeat; background-size:100% 2px; text-align:center}
.navShzrNews i{ letter-spacing:10px; margin-left:-5px; display:inline-block}

#picNewsListBox{ padding:0 0 20px 0; width:100%; overflow:hidden}
.picNewsList{ width:100%; overflow:hidden}
.picNewsList a{display:inline-block; width:calc((100% - 70px)/3); vertical-align:top; margin:0 30px 30px 0; background:#fff;/*pointer-events:none;*/}
.picNewsList a:nth-child(3n+3){margin-right:0}
.picNewsList a div{width:100%; height:253px; overflow:hidden}
.picNewsList a div img{ width:100%; height:100%;transition:transform 1s;}
.picNewsList a span{ display:block; height:110px; padding:0 20px;}
.picNewsList a h1{ font-size:22px;line-height:22px;font-weight:bold; padding:18px 0 10px 0; font-family:'DINCond'; color:#aaa}
.picNewsList a h2{ font-size:16px; line-height:22px; text-align:justify}
.picNewsList a:hover{background:#f15138}
.picNewsList a:hover h1{ color:#fff}
.picNewsList a:hover h2{ color:#fff}
.picNewsList a:hover div img{transform:scale(1.2);}


.btnMore{ text-align:center; margin:10px 0 40px 0;}
.btnMore a{ display:inline-block; width:140px; height:46px; line-height:42px; font-size:16px; color:#f15138;  border:2px solid #f15138; border-radius:23px; overflow:hidden}
.btnMore a:hover{ background:#f15138; color:#fff}

.newsList{ padding:20px 0 0 0}
.newsList a{display:block; border-bottom:2px solid #d7d8db; padding:30px 0; overflow:hidden}
.newsList a div{float:right; width:220px; overflow:hidden}
.newsList a div img{width:100%; height:auto; max-height:200px;transition:transform 1s;}
.newsList a i{display:inline-block; width:130px; font-size:28px; line-height:28px; font-weight:bold;color:#0053ad; font-family:'DINCond';vertical-align:top}
.newsList a span{display:inline-block; width:calc(100% - 130px - 260px);  vertical-align:top; text-align:justify}
.newsList a h1{font-size:20px; line-height:30px; margin-bottom:10px; font-weight:bold; color:#444;overflow:hidden}
.newsList a h2{font-size:14px; line-height:22px; color:#999}
.newsList a h3{line-height:18px; background:url(404.png) right center no-repeat; display:inline-block; padding-right:22px; font-size:14px; line-height:18px; color:#999; margin:20px 0 0 0}
.newsList a:hover{border-bottom:2px solid #0053ad;}
.newsList a:hover h1{color:#0053ad;}
.newsList a:hover h3{background:url(404.png) right center no-repeat; color:#0053ad;}
.newsList a:hover h2{ color:#666}
.newsList a:hover div img{transform:scale(1.2);}




.boxPage{width:100%; overflow:hidden; margin:30px auto 50px auto; font-size:0; max-width:1240px;}
.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:#0053ad;}
.curPage{color:#fff!important; background-color:#0053ad!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(404.png) center no-repeat; }
.nextPage{background:url(404.png) center no-repeat; margin-right:0!important}
.boxPage span{font-size:16px;line-height:42px;margin:0 15px 0 7px;display:none; vertical-align:middle}


.boxShow{ width:800px; padding:0 40px 40px 40px;background:#fff;position:relative; left:50%;margin:-60px 0 50px -520px; overflow:hidden;}
.showTitle{font-size:26px; line-height:36px; margin-top:30px;}
.showInfo{border-bottom:2px solid #e5e5e5; font-size:14px; line-height:14px; color:#999; padding:10px 0 20px 0; margin: 0 0 10px 0;}
.showCon{font-size:16px; line-height:30px; padding:10px 0 0 0;}
.showCon p{ text-align:justify;}
.showCon img{width:100%;height:auto; margin:0 auto}

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

.btnShare1{position:absolute;top:calc(32vw + 20px); left:50%;margin-left:320px;width:200px;font-size:0; z-index:99; color:#9e9e9e}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #d7d8db; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:14px; color:#9e9e9e; line-height:40px; height:40px; overflow:hidden;}
.btnShare1 div{width:40px; height:40px; line-height:0; font-size:0; text-align:center;display:inline-block; margin-right:10px; border-radius:50%; vertical-align:top;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:#ff4444}
.btnShare1 .shareQz:hover div{background-color:#f1a718}
.btnShare1 .shareQq:hover div{background-color:#27a0f5}

.btnShare1Fixed{position:fixed!important;top:120px!important;left:50%;margin-left:320px;}

.boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1000; background:url(404.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:url(404.png); width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; display:none}




.dmtList{ padding:20px 0 0 0}
.dmtList a{display:inline-block; width:calc((100% - 70px)/3); margin:30px 35px 0 0; background:#fff}
.dmtList a:nth-child(3n+3){margin-right:0}
.dmtList a div{ width:100%; height:calc((100% - 70px)/3*2); position:relative; overflow:hidden; background:#000}
.dmtList a div i{ width:100%; height:100%; background:url(404.png) center no-repeat; position:absolute; top:0; left:0; display:block; z-index:2; display:none}
.dmtList a div img{width:100%; height:100%; transition:transform 1s}
.dmtList a span{display:block; height:70px; padding:0 20px; text-align:center}
.dmtList a span i{height:70px; width:1px; display:inline-block; vertical-align:middle}
.dmtList a span font{ width:calc(100% - 1px);display:inline-block; vertical-align:middle;line-height:26px; font-size:16px;}
.dmtList a:hover div img{ transform:scale(1.2); opacity:0.7}
.dmtList a:hover div i{display:block}
.dmtList a:hover{color:#0053ad}


.textList{ padding:30px 0 0 0}
.textList a{width:calc((100% - 20px)/2); height:120px;  background:#fff; padding:0 20px; margin:20px 20px 0 0; display:inline-block; vertical-align:top; position:relative}
.textList a:nth-child(2n+2){ margin-right:0}
.textList a span{width:calc(100% - 32px); display:inline-block; vertical-align:middle}
.textList a h1{ font-size:24px; line-height:24px;font-weight:bold; font-family:'DINCond'; color:#0053ad; padding:10px 0 8px 0;}
.textList a h2{ font-size:16px; line-height:26px;}
.textList a i{ width:32px; height:100%;background:url(404.png) center no-repeat; display:inline-block; vertical-align:middle}
.textList a:hover h2{ color:#0053ad}
.textList a:hover i{background:url(404.png) center no-repeat;}


.brandList{ padding:30px 0 0 0}
.brandList a{display:block; background:#fff; padding:20px; margin:20px 0 0 0; overflow:hidden}
.brandList a div{width:300px; overflow:hidden; display:inline-block}
.brandList a div img{width:100%; height:auto; max-height:200px;transition:transform 1s;}
.brandList a span{display:inline-block; width:calc(100% - 300px);  vertical-align:top; text-align:justify; padding:20px 20px 0 40px;}
.brandList a i{display:block;  font-size:28px; line-height:28px; font-weight:bold;color:#0053ad; font-family:'DINCond';}
.brandList a h1{font-size:20px; line-height:30px; margin:5px 0 10px 0; font-weight:bold; color:#444;overflow:hidden}
.brandList a h2{font-size:14px; line-height:22px; color:#999}
.brandList a h3{line-height:18px; background:url(404.png) right center no-repeat; text-align:right; padding-right:22px; font-size:14px; line-height:18px; color:#999; margin:20px 0 0 0}
.brandList a:hover h1{color:#0053ad;}
.brandList a:hover h3{background:url(404.png) right center no-repeat; color:#0053ad;}
.brandList a:hover h2{ color:#666}
.brandList a:hover div img{transform:scale(1.2);}


.serviceFwtx{ padding:20px 0 50px 0}
.serviceFwtx ul{}
.serviceFwtx li{width:calc((100% - 90px)/3); height:330px;background:#e8e9eb;display:inline-block; margin:30px 30px 0 0; padding:0 60px; vertical-align:top; border-top-left-radius:40px;
border-bottom-right-radius:40px;}
.serviceFwtx li:first-of-type{ padding:20px; background:url(404.png) no-repeat; background-size:cover}
.serviceFwtx li:nth-child(3n+3){margin-right:0;}
.serviceFwtx li i{ width:50px; height:50px; /*background:#0053ad;*/ border-radius:50%; overflow:hidden; display:inline-block; margin:30px 0 10px 0}
.serviceFwtx li h1{font-size:17px; font-weight:bold; line-height:17px; display:block; color:#d18756}
.serviceFwtx li h2{ width:60px; height:4px; background:#d18756; display:inline-block; margin:15px auto 20px 0; border-radius:2px;}
.serviceFwtx li span{display:block; font-size:14px; line-height:23px; text-align:left; text-align:justify}

.serviceFwtx li div{ border:1px solid rgba(255,255,255,0.3); width:100%; height:100%; background:url(404.png) 260px center no-repeat;font-size:26px; font-weight:bold; color:#fff; line-height:40px; padding:100px 0 0 80px; text-align:left;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.serviceFwtx li font{ letter-spacing:18px}

.serviceCon{ padding:70px 0 60px 0;}
.service_img{ width:435px; text-align:center;display:inline-block; vertical-align:middle; margin-bottom:10px}
.service_text{ width:750px; display:inline-block;vertical-align:middle}
.service_text i{font-size:26px; line-height:26px; margin-bottom:15px; display:block}
.service_text p{ font-size:16px; line-height:26px; margin-bottom:20px; text-align:justify}
.service_text1{ display:block; margin:0 auto; width:100%; max-width:1130px; margin-top:50px; overflow:hidden}
.service_text1 p{ font-size:16px; line-height:26px; /*margin-bottom:20px;*/ text-align:justify}

.trwyIco{ width:100%; padding:60px 30px 10px 30px; margin-top:50px; border-top:1px solid #c0c1c5}
.trwyIco i{ display:inline-block; width:25%; text-align:center}

.serviceFwlx{padding:60px 0;}
.serviceFwlx img{width:100%; max-width:1240px}

.navContact{ border-bottom:2px solid #d7d8db; height:72px; margin:30px 0 0 0}
.navContact i{ font-size:20px; font-weight:bold; border-bottom:2px solid #0053ad; color:#0053ad; line-height:70px; display:inline-block; padding:0 10px;}

.contactJtzb{ padding:55px 0}
.contactJtzb li{display:inline-block; margin-right:65px; font-size:16px; line-height:26px;}
.contactJtzb li img{display:inline-block; vertical-align:middle; margin-right:5px}

.contactMap{ border:10px solid #fff; width:100%; height:400px;}

.contactList{ padding:60px 0 30px 0}
.contactList li{ width:calc((100% - 30px)/2); height:240px; background:#fff; display:inline-block; margin:0 30px 30px 0; overflow:hidden}
.contactList li:nth-child(2n+2){margin-right:0}
.contactList i{ font-size:20px; line-height:20px; font-weight:bold; color:#0053ad; border-left:6px solid #0053ad; margin:25px 0 0 0; padding:0 0 0 20px; display:block}
.contactList span{ font-size:15px; line-height:26px; display:block; margin:20px 22px; padding:10px 0;border-top:1px solid #d7d8db; }
.contactList span p{display:block; padding:5px 0 5px 30px; background-size:25px 25px!important; }
.pAdd{background:url(../image/icoContact1.png) left 5px no-repeat;}
.pTel{background:url(../image/icoContact2.png) left 5px no-repeat}
.pFax{background:url(../image/icoContact3.png) left 5px no-repeat}
.pCode{background:url(../image/icoContact4.png) left 5px no-repeat}

.bgLzjb{background:url(404.png) top center no-repeat; background-size:100% auto;width:100%; overflow:hidden}
.lzjbTop{height:calc(32vw - 100px); min-height:400px; position:relative; margin-top:100px;}
.lzjbTop span{width:100%; position:absolute; top:50%; left:0; margin:-110px 0 0 0; text-align:center; display:block}
.btnWyjb{ display:block; width:300px; line-height:48px; border-radius:24px; background:#0053ad; margin:30px auto 0 auto; font-size:16px; color:#fff; letter-spacing:2px; text-align:center;}
.btnWyjb:hover{ color:#fff; background:rgba(0,122,255,0.8)}

.lzjbCon{ background:rgba(0,50,105,0.85); min-height:500px; padding:50px 0}
.lzjbCon ul{width:100%;max-width:1260px; padding:0 10px; margin:0 auto; display:block}
.lzjbCon li{width:calc((100% - 60px)/2); display:inline-block; vertical-align:top;color:#fff}
.lzjbCon li:first-of-type{ margin-right:60px;}
.lzjbCon li i{ font-size:20px; font-weight:bold; line-height:60px; text-align:center; display:block}
.lzjbCon li div{ border:1px solid #6b86a4; border-top:none; padding:120px 30px 0 30px; margin-top:-105px; height:560px; font-size:16px; line-height:26px;}
.lzjbCon li strong{ display:block;}
.lzjbCon li p{ padding:5px 0 20px 32px;}



.boxWyjb{ background:#fff; margin:150px 0 50px 0; width:100%; min-height:500px; padding:0 50px 0 50px; overflow:hidden}
.boxWyjb .navContact{margin:10px 0 0 0}

.boxMsg{ width:100%; max-width:800px; margin:50px auto}
.boxMsg li{line-height:44px; padding:0 0 15px 0}
.boxMsg li i{display:inline-block; font-size:15px; width:150px; vertical-align:top; position:relative; padding:0 0 0 10px}
.boxMsg li i font{position:absolute; left:0; color:#ef3e22}
.boxMsg li span{display:inline-block;vertical-align:top}
.selectMsg,.textareaMsg,.inputMsg{border:1px solid #d5d5da; width:350px; height:44px; line-height:44px; padding:0 0 0 10px; box-sizing:border-box; font-size:15px; font-family:'Microsoft YaHei'}
.textareaMsg{width:640px; height:160px; padding:10px; line-height:26px;}
.submitMsg{width:250px; height:44px; line-height:44px; background:#0053ad; cursor:pointer; color:#fff; font-size:17px; text-align:center; border-radius:22px; margin-top:10px;}
.submitMsg:hover{ background:#007dff;}
.boxMsg img{display:inline-block; margin-left:10px; width:90px; height:44px;}



/*--------------------------------项目展示--------------------------------*/

.proBanner{background:#003b95; margin-top:80px; width:100%;}

.proInfo{margin:0 3%; width:360px; display:inline-block; vertical-align:middle; color:#fff}
.proInfo h1{font-size:30px; line-height:100%; font-weight:bold; border-bottom:2px solid #4d76b5; padding:10px 0 20px 0;}
.proInfo ul{}
.proInfo li{ border-bottom:1px dotted #4d76b5; 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 span{display:block; width:80px; height:80px; margin-top:5px}
.proInfo span img{width:100%; height:100%}
.proInfo font{ font-size:30px; font-weight:bold; color:#e8340c; font-family:'DINCond'; line-height:100%}

.proBannerImg{display:inline-block; width:calc(94% - 360px); height:calc((94vw - 360px)*0.4647); vertical-align:middle; background-size:cover!important; min-height:500px;}

.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:16px; 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:100%}
.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:#0053ad;}
.proImgList .swiper-button-prev{left:0;bottom:30px; top:auto;width:32px; height:32px; background:url(404.png) no-repeat; background-size:100% 100%;z-index:99;}
.proImgList .swiper-button-prev:hover{background:url(404.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(404.png) no-repeat;background-size:100% 100%; z-index:99}
.proImgList .swiper-button-next:hover{background:url(404.png) no-repeat;background-size:100% 100%;opacity:1.0}


.proMap{ border:10px solid #fff; margin-bottom:50px; height:400px; width:100%;}

/*--------------------------------项目展示--------------------------------*/


.businessMap{ background:url(404.png) center no-repeat; background-size:cover; width:100%; text-align:center; margin:80px 0 0 0}

.businessNav{border-bottom:2px solid #c4c4c4; height:100px;}
.businessNav span{ width:100%; max-width:1260px; padding:0 10px; display:block; margin:0 auto}
.businessNav a{ display:inline-block; width:24.5%; border-bottom:2px solid #c4c4c4; line-height:98px; font-size:30px; text-align:center}
.businessNav .on{border-bottom:2px solid #0053ad; color:#0053ad}




.proSort{position:relative; padding:0 0 80px 0;width:100%; overflow:hidden; margin-top:50px;}
.proSort .swiper-slide{width:800px; height:440px; position:relative}
.proSort .swiper-slide img{ width:100%; height:100%}
.proSort .swiper-slide div { width:100%; position:absolute; left:0; bottom:0; background:url(404.png) no-repeat; background-size:100% 100%;display:none; padding:0 60px 30px 60px}
.proSort .swiper-slide i{display:block; text-align:center; font-size:30px; line-height:30px; font-weight:bold; color:#fff; text-align:center; width:100%;}
.proSort .swiper-slide i img{ width:auto; height:100px;}
.proSort .swiper-slide div p{ line-height:25px; color:#fff; font-size:22px;}
.proSort .swiper-slide-active{ opacity:1.0}
.proSort .swiper-slide-active div{display:block}
.proSort .swiper-pagination{bottom:36px!important;z-index:1}
.proSort .swiper-pagination-bullet{width:8px; height:8px; background:#bec0c2; opacity:1.0}
.proSort .swiper-pagination-bullet-active{background:#0053ad;}
.proSort .swiper-button-prev{left:50%;top:190px;margin:0 0 0 -400px;width:60px; height:60px; background:url(../image/bannerJtLeft1.png) center no-repeat; opacity:0.5;z-index:99;}
.proSort .swiper-button-prev:hover{background:url(../image/bannerJtLeft1.png) center no-repeat;opacity:1.0}
.proSort .swiper-button-next{right:50%;top:190px; margin:0 -400px 0 0;width:60px; height:60px; background:url(../image/bannerJtRight1.png) center no-repeat; opacity:0.5;z-index:99}
.proSort .swiper-button-next:hover{background:url(../image/bannerJtRight1.png) center no-repeat;opacity:1.0}

/*.proSort .swiper-button-prev{left:50%;bottom:34px; top:auto; margin:0 0 0 -100px;width:32px; height:32px; background:url(404.png) no-repeat; background-size:100% 100%;z-index:99;}
.proSort .swiper-button-prev:hover{background:url(404.png) no-repeat;background-size:100% 100%;opacity:1.0}
.proSort .swiper-button-next{right:50%;bottom:34px; margin:0 -100px 0 0;top:auto;width:32px; height:32px; background:url(404.png) no-repeat;background-size:100% 100%; z-index:99}
.proSort .swiper-button-next:hover{background:url(404.png) no-repeat;background-size:100% 100%;opacity:1.0}*/




.proSearch{position:relative; padding:30px 0; border-top:2px solid #c4c4c4}
.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:#0053ad}
.searchClass .on{background:#0053ad;color:#fff}
.searchClass .on:hover{color:#fff}

.proSearch1{position:absolute; bottom:45px; right:0; width:390px; 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(404.png) center no-repeat; border:none;}



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


.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:'DINCond'; color:#0053ad; margin:0 5px}
.searchList{}
.searchList a{ display:block; line-height:26px; padding:28px 25px 28px 30px; font-size:16px; background:url(404.png) 15px 40px no-repeat;}
.searchList a i{float:right; color:#888}
.searchList a:nth-child(even){ background:url(404.png) 15px 40px no-repeat;background-color:rgba(0,0,0,0.05);}


.brandBanner{margin:60px 0 0 0; position:relative}
.brandBanner i{position:absolute; left:0; bottom:0;width:100%; display:block; background:url(404.png) left center no-repeat;  background-size:auto 100%;line-height:80px; color:#fff; font-size:30px; padding:0 0 0 30px;}

.brand_text{ display:block; margin:50px auto 30px auto; width:100%; max-width:1180px; overflow:hidden}
.brand_text p{ font-size:16px; line-height:26px; margin-bottom:20px; text-align:justify}
.brand_text i{ font-size:20px; font-weight:bold; line-height:36px; color:#ef3e22; margin:-10px 0 20px 0; display:block}

.boxSpace60{ height:60px;}
.boxSpace80{ height:80px;}


.btnLng{ position:absolute; top:40px; right:40px;}
.btnLng a{display:inline-block; width:80px; height:32px; line-height:32px; background:rgba(0,0,0,0.3); color:#fff; margin-left:6px; border-radius:16px; font-size:15px; text-align:center}
.btnLng a:hover{background:#0053ad}
.btnLng .on{ background:#0053ad;}





.imgServiceList{ width:100%; padding:80px 0; text-align:center; background:url(404.png) no-repeat center/cover;}
.imgServiceList div{width:100%; max-width:1260px; display:block; margin:0 auto}
.imgServiceList img{ margin:18px 24px;}





.subNav1{ width:100%; display:block; margin:0 auto 0 auto;border-bottom:2px solid #d1d1d1; height:90px;text-align:center}
.subNav1 a{ display:inline-block; padding:0 60px;  font-size:16px;  line-height:88px;}
.subNav1 a:hover{ color:#0053ad}
.subNav1 .on{border-bottom:2px solid #0053ad; color:#0053ad}

.invListText{}
.invListText a{ display:block; width:100%; height:90px;background:#e8e9eb; margin-top:20px}
.invListText a h1{width:90px; height:100%; display:inline-block; vertical-align:middle;font-family:'DINCond';border-right:1px solid #d1d1d1; text-align:center; overflow:hidden}
.invListText a h1 i{ color:#0053ad; font-size:36px; line-height:36px; display:block; margin:15px 0 5px 0}
.invListText a h1 font{ color:#999; font-size:14px;line-height:14px }
.invListText a h2{ width:1060px; display:inline-block; vertical-align:middle; line-height:30px; font-size:16px; padding:0 0 0 30px;}
.invListText a h3{ width:90px; height:100%; display:inline-block; vertical-align:middle; background:url(404.png) no-repeat center; opacity:0.8}
.invListText a:hover h3{background:url(404.png) no-repeat center; opacity:1.0}
.invListText a:hover h1{ background:#0053ad; border-right:1px solid #0053ad;}
.invListText a:hover h1 i{color:#fff}
.invListText a:hover h1 font{color:#fff}

.cwbgList{ width:100%; overflow:hidden;}
.cwbgList a{width:240px; height:auto;overflow:hidden;display:inline-block; margin:40px 30px 5px 30px; vertical-align:top}
.cwbgList a div{width:100%; height:335px; border:1px solid #d1d1d1;position:relative; background:#e50012; overflow:hidden}
.cwbgList a div img{width:100%; height:100%;}
.cwbgList a div span{position:absolute; left:0; top:80%; margin-top:-25px; width:100%; height:50px; background:url(404.png) center no-repeat; display:block;opacity:0; transition:all 0.3s; z-index:1}
.cwbgList a i{display:block;line-height:22px; font-size:15px; padding:15px 0 0 0;text-align:center;}
.cwbgList a:hover div img{ opacity:0.2}
.cwbgList a:hover div span{ opacity:1; top:50%;}

.gszlNav{ border-bottom:2px solid #c4c4c4; margin-top:60px; height:40px;}
.gszlNav i{ display:inline-block; padding:0 30px; min-width:120px; background:#0053ad; line-height:40px; font-size:15px; color:#fff; text-align:center}
.gszlList{ padding:15px 0 0 0}
.gszlList a{display:block; line-height:22px; font-size:15px; padding:0 0 0 25px; margin-bottom:10px;background:url(404.png) no-repeat 10px 8px;}


.gszlList1{ width:100%; overflow:hidden; margin:20px 0 60px 0;}
.gszlList1 ul{}
.gszlList1 ul li{ width:calc((100% - 40px)/3); min-height:280px; margin:0 20px 0 0; background:#e0e7f0; display:inline-block; vertical-align:top; overflow:hidden}
.gszlList1 ul li:nth-child(3n+3){margin-right:0}
.gszlList1 ul li h1{ font-size:24px; line-height:24px; border-left:4px solid #0053ad; padding:0 0 0 26px; margin:30px 0 25px 0}
.gszlList1 ul li h2{ line-height:30px; font-size:15px; padding:0 30px;}
.gszlList1 ul li h3{padding:0 30px; margin:30px 0 0 0}
.gszlList1 ul li h3 a{ display:block; line-height:40px; font-size:15px; background:#f0f3f8; text-align:center}
.gszlList1 ul li h3 a:hover{background:#0053ad; color:#fff}


.boxTzzll{ width:100%; height:440px;background:url(404.png) no-repeat center/cover; margin:60px 0}
.boxTzzll div{ width:100%; height:100%;background:url(404.png) no-repeat left center/60% 100%;}
.boxTzzll div span{ display:block; padding:50px 0 0 50px; width:100%;max-width:500px;}
.boxTzzll div span ul{}
.boxTzzll div span ul li{ border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; padding:15px 0;}
.boxTzzll div span ul li:last-child{border:none}
.boxTzzll div span ul li img{ display:inline-block; vertical-align:middle;}
.boxTzzll div span ul li i{font-size:15px; line-height:26px; display:inline-block; vertical-align:middle; padding:0 0 0 10px; width:400px;}
.boxTzzll div span ul li strong{display:block}