﻿@import "font/rubik/rubik.css";
body,html{ margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#555; font-family:/*'PingFang SC',*/'微软雅黑','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:#555}
a:active,a:focus,a:hover{outline:none; color:#005bac}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
*{box-sizing:border-box}

.myScroll{transform:translateY(70px);transition:transform 0.8s, opacity 0.8s;opacity:0;}
.myScroll.on{transform:none;opacity:1;}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png?v=1.0) no-repeat;background-size:100% 100%;opacity:1.0}

.boxTop{width:100%; z-index:1000;height:130px; position:relative; z-index:100}
.boxTop1{position:relative;box-sizing:border-box; width:100%; height:80px; text-align:right; display:block; margin:0 auto;background:#fff;  z-index:101}
.logo{position:absolute; left:20px; top:26px;}

.bgTopWhite{background:url(../images/bgTop.png) no-repeat center/100% 100%; width:100%; height:150px; position:absolute; top:0; left:0; z-index:999; opacity:0.5}

@font-face {
  font-family: "DINCond";
  src: url("../css/font/DINCond/DINCond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../css/font/DINCond/DINCond.ttf") format("truetype"),
       url("../css/font/DINCond/DINCond.eot") format("embedded-opentype"),
       url("../css/font/DINCond/DINCond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}

.boxNav{height:50px; text-align:center; display:inline-block;vertical-align:middle; background:rgba(255,255,255,0.9); width:100%; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.boxNav li{display:inline-block;position:relative; margin:0 104px 0 0; padding:0; vertical-align:middle}
.boxNav li:last-child{margin-right:0}
.boxNav li span a{display:block;font-size:15px;line-height:50px;color:#666; position:relative; z-index:2}
.boxNav li span a:hover{color:#005bac}
.boxNav li span i{height:26px; background:#005bac; width:100%; position:absolute; top:32px; left:0; display:none; border-radius:2px; z-index:1}
.boxNav li span img{position:absolute; top:10px; right:-18px;}
.boxNav li .on a{color:#666}
.boxNav li .on i{display:none;animation:ANavI 0.3s; z-index:1;}
.boxNav li div{position:absolute; top:50px; left:-20px;width:100vw;text-align:left;background:rgba(0,0,0,0.3); z-index:2; display:none;}
.boxNav li div a{display:inline-block;font-size:13px; padding:0 20px 0 24px;color:rgba(255,255,255,0.8);line-height:50px; text-align:center}
.boxNav li div a:hover{ color:#fff;}

/*@media(max-width:1500px){
.boxNav li span a{font-size:15px;}	
.boxNav li:last-child div{left:-203px;}
}

@media(max-width:1280px){
.boxNav li span a{font-size:13px;}	
}*/

.icoTopTel{ position:absolute; top:25px; right:170px}

.icoTop{display:inline-block;height:80px;vertical-align:middle;}
.icoTop li{position:relative;display:inline-block; vertical-align:middle; background:url(../images/bgTopLine.png) no-repeat center right;}
.icoTop li:last-of-type{ background:none}
.icoTop li i{display:block; width:50px; height:80px;}
.icoTop li div{position:absolute; top:80px; right:-38px; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center;padding:10px; display:none}
.icoTop li span{display:inline-block; text-align:center}
.icoTop li div img{width:90px}
.icoTop li div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}


.topTel a{font-size:13px; color:#999; line-height:80px; display:block; padding:0 15px;}
.topTel a:hover{color:#005bac}
.topContact a{font-size:13px;color:#999; line-height:80px; display:block; padding:0 15px;}
.topContact a:hover{color:#005bac}

.topSearch i{background:url(../images/icoTopSearch.png) no-repeat center/26px 26px; opacity:0.55}
.topSearch:hover i{background:url(../images/icoTopSearchHover.png) no-repeat center/26px 26px; opacity:1.0; }
.topWx i{background:url(../images/icoTopWx.png?v=1.0) no-repeat center/26px 26px; opacity:1.0}
.topWx:hover i{background:url(../images/icoTopWx.png?v=1.0) no-repeat center/26px 26px; opacity:1.0;}
.topOa i{background:url(../images/icoTopOa.png?v=1.0) no-repeat center/26px 26px; opacity:1.0}
.topOa:hover i{background:url(../images/icoTopOa.png?v=1.0) no-repeat center/26px 26px; opacity:1.0;}



.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#005bac; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#26aef6}


.banner{width:100vw;height:35.9375vw;overflow:hidden; position:relative; margin:-50px 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.banner .swiper-pagination{bottom:20px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:14px; height:18px; background:url(../images/icoBanner.png) no-repeat center; opacity:1.0}
.banner .swiper-pagination-bullet-active{background:url(../images/icoBannerHover.png) no-repeat center; opacity:1.0}
.banner .swiper-button-prev{left:2%;margin-top:0; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:0;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0}


.bannerM{width:100vw;height:100vw;overflow:hidden;position:relative; margin:0 0 0 0;display:none;}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-pagination{bottom:10px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:7px; height:9px; background:url(../images/icoBanner.png) no-repeat center/cover; opacity:1.0}
.bannerM .swiper-pagination-bullet-active{background:url(../images/icoBannerHover.png) no-repeat center/cover; opacity:1.0}



/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:60px; position:fixed;top:0; left:0; z-index:100; background:rgba(255,255,255,0.9); box-shadow:0 0 3px rgba(0,0,0,0.1); display:none}
.logoM{ position:absolute;left:15px; top:23px; height:14px;}

.openMenu{width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/openMenu.png) center no-repeat; background-size:cover; opacity:0.6}
.closeMenu{width:60px; height:60px; position:absolute; top:0; left:-60px;background:#fff url(../images/closeMenu.png) center no-repeat; background-size:cover;}


.boxNavTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8);display:none}

.navTopM{ width:calc(100vw - 60px); height:100%;background:#005bac url(../images/bgNavM.png?v=1.1) no-repeat right bottom/80% auto;overflow-y:auto; padding:0 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}

.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:130px;}
.boxNavM li span a{display:block;font-size:14px;line-height:46px; color:#b8c8e0; }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li span img{position:absolute; top:10px; left:65px;}
/*.boxNavM li span i{width:80px; height:50px; position:absolute; top:0; right:0; background:url(../images/icoNavM.png?v=1.0) right center no-repeat; background-size:20px 20px; z-index:2;}*/
.boxNavM li .on{color:#fff}
.boxNavM li .on a{color:#fff}
.boxNavM li div{position:absolute; top:0; left:130px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:20px; padding:13px 0; font-size:12px; text-align:left; color:#b8c8e0;}
.boxNavM li div a:hover{color:#fff}
.boxNavM li:last-child div{ top:auto; bottom:0}

.searchTopM{margin:15px 0 15px 0; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.5);}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:12px; color:#b8c8e0;}
.searchTopM .inputSearchM::-webkit-input-placeholder{color:#b8c8e0;}  
.searchTopM .inputSearchM:-moz-placeholder{color:#b8c8e0;}  
.searchTopM .inputSearchM::-moz-placeholder{color:#b8c8e0;}  
.searchTopM .inputSearchM:-ms-input-placeholder{color:#b8c8e0;}  
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icoSearchTopM.png) no-repeat center right/15px 15px; cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}


.topTelM{ display:block; border-radius:6px; background:rgba(255,255,255,0.5); padding:10px 0; text-align:center; margin-top:15px}
.topTelM img{ height:40px;}

.icoTopM{ padding:20px 0 0 0}
.icoTopM a{display:inline-block; margin:0 20px 0 0; position:relative}
.icoTopM a i{ display:block; width:36px; height:36px; border:1px solid #fff; opacity:0.5; background-size:cover!important; border-radius:50%}
.icoTopM a div{display:none; position:absolute; bottom:50px; left:0}

.topWxM i{ background:url(../images/icoWxM.png) no-repeat center}
.topWxM:hover div{display:block}

.topOaM i{ background:url(../images/icoOaM.png) no-repeat center}
/*--------------------mTop------------------------*/

.boxFoot{background:#005bac; border-top:6px solid #1db2ff; width:100%; line-height:20px; color:#95aed3;font-size:12px;}
.boxFoot a{color:#95aed3}
.boxFoot a:hover{color:#fff}

.boxFoot1{display:block; width:100%;max-width:1200px;margin:0 auto; text-align:left; padding:45px 0; position:relative}

.footTel{position:absolute; right:0; top:50px; width:340px; height:90px; background:rgba(255,255,255,0.2); border-radius:3px; padding:20px 0}
.footTel img{display:inline-block; vertical-align:middle; margin:0 30px}
.footTel p{display:inline-block; vertical-align:middle;height:51px; background:url(../images/bgFootTel.png) no-repeat left center; font-size:13px; line-height:24px; padding:0 0 0 30px; color:#fff}

.footLink{ padding:0 0 15px 0}
.footLink li{ width:180px; height:30px; background:rgba(255,255,255,0.2); display:inline-block; vertical-align:top; margin:0 20px 0 0; position:relative}
.footLink li span{display:block; width:100%; height:30px}
.footLink li h1{background:#5c96ca url(../images/icoLink.png) no-repeat center; width:30px; height:30px; display:inline-block; vertical-align:middle}
.footLink li h2{font-size:12px; line-height:30px; display:inline-block; vertical-align:middle; padding:0 0 0 10px; color:#fff}
.footLink li h3{ width:30px; height:30px;display:inline-block; vertical-align:middle; position:absolute; top:0; right:0; background:url(../images/icoLinkJt.png) no-repeat center}
.footLink li div{position:absolute; bottom:30px; left:0; width:100%; background:#fff; padding:10px; border:1px solid #dae0e8; display:none}
.footLink li div a{ display:block; font-size:12px; color:#999; padding:5px 0}
.footLink li div a:hover{ color:#005bac}
.footLink li:hover h3{ background:url(../images/icoLinkJt1.png) no-repeat center}
.footLink li:hover div{ display:block}

.footCon p i{ display:inline-block; margin:0 10px 0 0; padding:0 12px 0 0; background:url(../images/bgFootLine.png) no-repeat right center}
.footCon p i:last-child{background:none; margin:0; padding:0}



.boxMax{ width:100%; max-width:1240px; padding:0 20px; margin:0 auto; display:block; overflow:hidden}


.boxIndNews{display:block; width:1200px; margin:50px auto; overflow:hidden;position:relative}

.indNews{position:relative; width:480px; display:inline-block; vertical-align:top}
.indNavTab{ height:37px; border-bottom:2px solid #005bac}
.indNavTab a{ display:inline-block; line-height:35px; height:35px; font-size:15px; text-align:center; width:100px; vertical-align:top; background:url(../images/bgGrayLine.png) no-repeat right center/1px 20px;}
.indNavTab a:last-child{background:none}
.indNavTab .on{font-weight:bold; background:#005bac!important; color:#fff}

.indTab{ display:none}
.indList{ padding:8px 0 0 0}
.indList a{display:block; line-height:32px; position:relative; font-size:15px; background:url(../images/bgLi.png) no-repeat 0 14px; padding:0 0 0 12px}
.indList a i{display:inline-block; color:#999; font-size:15px; position:absolute; right:0; top:0}

.btnMore{position:absolute; top:0; right:0; line-height:30px; font-size:15px;color:#005bac; opacity:0.5}
.btnMore:hover{opacity:1}

.indVideo{ width:380px; height:200px;display:inline-block; vertical-align:top; margin:0 50px; overflow:hidden; position:relative; background:#000}
.indVideo img{width:100%;  height:100%;transition:transform 0.5s; opacity:0.8}
.indVideo i{ display:block; width:52px; height:52px; background:url(../images/icoVideo.png) no-repeat center; position:absolute; top:50%; left:50%; margin:-26px 0 0 -26px; border-radius:50%; z-index:2}
.indVideo:hover i{background:rgba(230,40,66,0.9) url(../images/icoVideo.png) no-repeat center; box-shadow:0 0 3px rgba(0,0,0,0.)}
.indVideo:hover img{transform:scale(1.1); opacity:1}

.indNotice{width:240px; height:200px; background:url(../images/bgGrayLine.png) no-repeat left top/1px 100%; display:inline-block; vertical-align:top; position:relative}
.indNavNotice{border-left:2px solid #005bac; font-size:15px; color:#005bac; font-weight:bold;line-height:37px; padding:0 0 0 24px}

.indNoticeList{ width:100%; height:160px; margin-top:3px; padding:0 0 0 20px; overflow:hidden; }
.indNoticeList ul{width:100%; display:block; }
.indNoticeList li{width:100%; border-top:1px solid #cce7f5;padding:10px 0}
.indNoticeList li a{width:100%;display:block; position:relative; font-size:15px; line-height:22px; }
.indNoticeList li a i{ display:block; color:#999}


.indNav{ width:100%; max-width:1200px; display:block; margin:50px auto 40px auto;position:relative; height:36px; line-height:36px; border-left:3px solid #005bac;  color:#005bac; padding:0 0 0 20px}
.indNav h1{font-size:26px; display:inline-block; vertical-align:middle}
.indNav h2{ font-size:15px; opacity:0.3; display:inline-block; vertical-align:middle; margin:0 0 0 10px; text-transform:uppercase}

.indSzar{width:100%; height:573px; background:url(../images/bgSzar.jpg) no-repeat center/cover; overflow:hidden}
.indSzarList{width:1200px; height:390px; background:rgba(255,255,255,0.5); margin:0 auto; display:block; overflow:hidden}
.indSzarList li{width:33.3%; height:105px; border-right:1px solid #dadcde; display:inline-block; text-align:center; margin-top:60px}
.indSzarList li:nth-child(3n+3){ border:none}
.indSzarList li img{margin-top:-14px}
.indSzarList li h1{ font-size:15px; line-height:26px;}
.indSzarList li h2{ font-size:15px; line-height:36px;}
.indSzarList li h2 i{ font-size:36px; font-weight:bold; display:inline-block; margin:0 5px}


.indYwList{}
.indYwList a{ width:232px; height:380px; margin:0 10px 0 0;display:inline-block; vertical-align:top}
.indYwList a div{ width:100%; height:300px; overflow:hidden}
.indYwList a div img{ width:100%; height:100%;transition:transform 0.5s}
.indYwList a:last-child{ margin-right:0}
.indYwList a h1{border:2px solid #dae0e8;border-top:none;line-height:78px; text-align:center; font-size:15px}
.indYwList a:hover img{transform:scale(1.1);}
.indYwList a .imgBusM{display:none}

.boxBannerInd{width:100%; height:606px; background:url(../images/bgInd.jpg) no-repeat center; padding:110px 0 0 0; margin:0 0 -96px 0}

.bannerInd{width:1200px;height:400px;overflow:hidden; position:relative; margin:0 auto; display:block; background:#000}
.bannerInd .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerInd .swiper-slide h1{padding:0 0 0 20px;font-size:26px; color:#fff; line-height:36px; position:absolute; top:40px; left:0}
.bannerInd .swiper-slide h1 i{font-size:15px; display:inline-block; vertical-align:middle; margin:0 0 0 10px; text-transform:uppercase}
.bannerInd .swiper-slide div{ position:absolute; bottom:0; left:35px; width:547px; height:311px; color:#fff}
.bannerInd .swiper-slide div h2{font-size:26px; line-height:40px; margin:0 0 20px 0}
.bannerInd .swiper-slide div h3 a{ line-height:24px; font-size:12px; width:114px; text-align:center; color:#fff; border:1px solid #fff; display:block; margin-bottom:10px; border-radius:3px;}
.bannerInd .swiper-slide div h3 a:hover{ opacity:0.6}

.bannerInd .swiper-pagination{bottom:20px!important;z-index:1; text-align:center;}
.bannerInd .swiper-pagination-bullet{width:14px; height:18px; background:url(../images/icoBanner.png) no-repeat center/cover; opacity:1.0}
.bannerInd .swiper-pagination-bullet-active{background:url(../images/icoBannerHover1.png) no-repeat center/cover; opacity:1.0}
.bannerInd .swiper-button-prev{left:2%;margin-top:-23px; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.5; z-index:101}
.bannerInd .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0}
.bannerInd .swiper-button-next{right:2%;margin-top:-23px;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.5; z-index:101}
.bannerInd .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0}

.markRed h1{border-left:3px solid #cb161f;}
.markRed div{background:url(../images/bgText1.png) no-repeat center/cover; padding:60px 0 0 180px;}
.markGreen h1{border-left:3px solid #049500;}
.markGreen div{background:url(../images/bgText2.png) no-repeat center/cover; padding:60px 0 0 180px;}
.markBlue h1{border-left:3px solid #00a0ea;}
.markBlue div{background:url(../images/bgText3.png) no-repeat center/cover;padding:60px 0 0 180px;}


.linkList{padding:0 0 50px 0}
.linkList a{display:inline-block; margin-right:63px;}
.linkList a:last-child{ margin-right:0}


.subBanner{ width:100vw; height:15.625vw;background-size:cover!important;  position:relative; margin:-50px 0 0 calc((100% - 100vw)/2);}
.subBanner h1{ position:absolute; top:50%; left:50%; margin:7px 0 0 -600px; width:1200px; font-size:30px; line-height:30px; color:#fff; text-transform:uppercase; opacity:0.3}
/*.subBanner div{position:absolute; top:50%; left:0; margin:-40px 0 0 0; color:#fff; width:100%; text-align:center}
.subBanner div span{ display:inline-block; width:100%; padding:0 40px; max-width:1280px; margin:0 auto; text-align:left; box-sizing:border-box;}
.subBanner div h1{ font-size:36px; line-height:36px; }
.subBanner div h2{ font-size:30px; line-height:30px; margin-top:15px;opacity:0.5; text-transform:uppercase}*/


.subNavBox{height:64px;position:relative; z-index:1;  background:url(/skin/img/bgSubNav.png) no-repeat bottom/100% 2px; overflow:hidden}
.subNav{text-align:right; width:1200px; margin:0 auto; }
.subNav a{ padding:0 20px; margin:0 0 0 30px;line-height:62px; height:64px; display:inline-block; font-size:15px; color:#555; position:relative; overflow:hidden; }
.subNav a i{ position:absolute; bottom:0; left:50%; width:0; height:2px; background:#005bac;position:absolute; z-index:2;transition:all 0.3s ease;}
.subNav a:hover i{ width:100%; left:0}
.subNav .on{color:#005bac}
.subNav .on i{width:100%; left:0}


.curNav{ position:absolute; top:0; left:50%; margin:0 0 0 -600px}
.curNav a{display:inline-block; background:url(../images/icoCurJt.png) no-repeat center left; padding-left:15px; margin-right:10px; vertical-align:middle; font-size:15px;  color:#444;line-height:62px; height:64px; color:#999;}
.curNav a:hover{color:#005bac}
.curNav a:first-child{background:url(../images/icoCurHome.png) no-repeat center left; padding-left:20px;}

.bgMain{ width:100%; background:url(/skin/img/bgMain.jpg) no-repeat top center; overflow:hidden;}
.navTitle{ color:#005bac; font-size:26px; line-height:36px; border-left:3px solid #005bac; margin:60px auto; padding:0 0 0 20px; display:block; width:100%; max-width:1200px}

.aboutIco{}
.aboutIco li{ width:33.3%; height:170px;display:inline-block; vertical-align:top; border-right:1px solid #d9d9d9; text-align:center}
.aboutIco li:last-child{border-right:none}
.aboutIco li h1{ display:block; width:100px; height:100px; border-radius:50%; background:#005bac; color:#fff; text-align:center; margin:10px auto 20px auto}
.aboutIco li h1 i{width:1px; height:100%; display:inline-block; vertical-align:middle}
.aboutIco li h1 font{width:50%; font-size:24px; line-height:30px; color:#fff;display:inline-block; vertical-align:middle;}
.aboutIco li h2{ font-size:36px; line-height:36px; color:#005bac}
.aboutIco li:nth-child(2) h1{background:#d11420}

.aboutCon{font-size:15px; line-height:30px; text-align:justify; padding:50px 0 30px 0}


.picFocus{position:relative; padding:40px 0 40px 0;width:100%; overflow:hidden; margin:-40px 0 0 0;}
.picFocus .swiper-slide{width:680px; height:420px; position:relative; overflow:hidden; background:#000}
.picFocus .swiper-slide img{width:100%; height:100%; opacity:0.7}
.picFocus .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:0; background:url(../images/bgBlackTitle.png) no-repeat; background-size:100% 100%;padding:80px 20px 20px 20px;text-align:center; font-size:15px; line-height:26px; color:#fff; z-index:100;display:none; }
.picFocus .swiper-slide-active img{opacity:1}
.picFocus .swiper-slide-active h1{display:block}
.picFocus .swiper-pagination{bottom:0!important;z-index:1; text-align:center;}
.picFocus .swiper-pagination-bullet{width:14px; height:18px; background:url(../images/icoFocus.png) no-repeat center/cover; opacity:1.0; border-radius:0; margin:0 5px!important}
.picFocus .swiper-pagination-bullet-active{background:url(../images/icoFocusHover.png) no-repeat center/cover;}

.picFocus .swiper-button-prev{left:calc((100% - 680px)/4); margin:-23px 0 0 -23px; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center;opacity:0.5; z-index:101}
.picFocus .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center;opacity:1.0}
.picFocus .swiper-button-next{right:calc((100% - 680px)/4); margin:-23px -23px 0 0;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center;opacity:0.5; z-index:101}
.picFocus .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center;opacity:1.0}

.bgZygd{ width:100%;  padding:110px 0;background:url(../images/bgZygd.jpg) no-repeat center/cover;text-align:center; }
.bgZygd li{ text-align:center; width:50%; max-width:600px; height:290px; border-right:1px solid #d9d9d9; display:inline-block; vertical-align:top}
.bgZygd li img{ margin:10px 0 0 0}
.bgZygd li h1{ line-height:50px; font-size:36px; letter-spacing:10px; margin:40px 0 30px 0}
.bgZygd li h1 i{ font-size:16px; display:block; letter-spacing:0}
.bgZygd li a{width:140px; height:40px; display:block;position:relative; margin:0 auto}
.bgZygd li a font{ display:block;color:#fff; font-size:14px; line-height:40px; position:relative; z-index:2}
.bgZygd li a i{background:#c7000a; width:100%; height:100%;position:absolute; bottom:0; left:0; z-index:0;transform:skew(-20deg);}
.bgZygd li a:hover i{background:#e5000d;}

.bgZygd li:last-child{border:none;}
.bgZygd li:last-child h1{ letter-spacing:0}

.boxZzjg{text-align:center; margin:-50px 0 60px 0}
.boxZzjg img{ width:100%;}

.timeList{width:1200px;background:url(../images/bgTimeLine.png) repeat-y 153px 0; margin:60px auto; display:block; position:relative}
.whiteLine{ position:absolute; background:#fff; width:10px; height:20px; left:153px; top:0}

.timeList ul{width:100%; display:block;}
.timeList li{position:relative; padding:0 0 0 210px;}
.timeList li h1{position:absolute; width:110px; line-height:40px; font-size:26px; color:#d11420; border-radius:3px; left:0; top:0; text-align:center}
.timeList li h2{position:absolute; height:1px; width:25px; background:#d9d9d9; top:19px; left:134px;}
.timeList li h3{position:absolute;width:14px; height:14px; border-radius:50%; border:2px solid #d11420; background:#fff;left:154px; top:13px}
.fzlcText{ padding:5px 0 44px 0; margin:0 0 40px 0; border-bottom:1px dotted #adadad;text-align:justify}
.fzlcText i{ font-size:25px; line-height:30px; margin:0 0 10px 0; display:block}
.fzlcText p{ font-size:15px; line-height:30px; color:#777; background:url(../images/icoList.png) no-repeat 0 11px; padding:0 0 0 16px;}

.timeList li:hover h1{ background:#d11420; color:#fff}
.timeList li:hover h2{ background:#d11420;}


.navCurTab{ width:1200px; margin:0 auto; display:block}
.navCurTab a{ width:50%; font-size:26px; color:#999; line-height:26px;display:inline-block; text-align:center; padding:60px 0 22px 0; margin:0 0 0 0}
.navCurTab .on{ color:#005bac; background:url(../images/icoNavJt.png) no-repeat bottom center}


.boxZzry{ width:100%; max-width:1200px;background:url(../images/bgYearLine.png) no-repeat 148px 25px/2px 100%; display:block; margin:60px auto;}
/*.navYear{ width:156px;display:inline-block;background:url(../images/bgTimeLine.png) repeat-y 141px 0;padding:0; position:relative; margin:5px 0 0 0}
.navYear div{position:absolute; background:#fff; width:10px; height:20px; left:140px; top:0}
.navYear a{display:block; position:relative; line-height:40px; font-size:22px; color:#999; margin:0 0 60px 0}
.navYear a h1{ position:absolute; width:25px; height:1px;background:#d9d9d9; top:19px; left:125px;}
.navYear a i{position:absolute;width:14px; height:14px; border-radius:50%; border:2px solid #d11420; background:#fff;left:142px; top:13px; display:none}
.navYear .on{ font-size:32px; color:#d11420}
.navYear .on i{display:block}
.navYear .on h1{ background:#d11420}*/

.navYearBox{ width:156px;background:url(../images/bgTimeLine.png) repeat-y 141px 0;margin:5px 0 0 0; display:inline-block; vertical-align:top}

.navYear{ width:100%;position:relative; overflow:hidden}
.navYear .whiteLine{position:absolute; background:#fff; width:10px; height:20px; left:140px; top:0}
.navYear .swiper-slide{width:100%;height:100px; position:relative; overflow:hidden;}
.navYear .swiper-slide a{ width:100%;display:block; position:relative; line-height:40px; font-size:22px; color:#999; margin:0 0 60px 0;}
.navYear .swiper-slide a h1{ position:absolute; width:25px; height:1px;background:#d9d9d9; top:19px; left:125px;}
.navYear .swiper-slide a i{position:absolute;width:14px; height:14px; border-radius:50%; border:2px solid #d11420; background:#fff;left:142px; top:13px; display:none}
.navYear .swiper-slide .on{ font-size:32px; color:#d11420}
.navYear .swiper-slide .on i{display:block}
.navYear .swiper-slide .on h1{ background:#d11420}

.navYear .swiper-button-prev{left:2%;margin-top:0; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.5; z-index:101; display:none}
.navYear .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0}
.navYear .swiper-button-next{right:2%;margin-top:0;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.5; z-index:101; display:none}
.navYear .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0}


.tableZzry{ width:994px; margin:0 0 0 50px; display:inline-block; vertical-align:top;text-align:center}
.tableZzry table tr:first-child{ /*background:url(../images/bgTableHead.png) no-repeat center/100% 100%;*/background:#0860af; line-height:50px; color:#fff; font-size:15px; font-weight:bold;}
.tableZzry table tr:first-child td{ text-align:center!important}
.tableZzry table td{ border-bottom:1px solid #d9d9d9; font-size:15px; line-height:26px; padding:12px 0;width:14%}
.tableZzry table tr td:nth-child(1){ text-align:left; width:30%; padding:0 0 0 10px}


.imgPc{width:100%;}
.imgM{width:100%; display:none}

.boxShzr{padding:60px 0 0 0}
.shzrText{font-size:15px; line-height:30px; color:#777;padding:5px 0 44px 0; margin:0 0 40px 0; border-bottom:1px dotted #adadad; text-align:justify}
.shzrText p{text-indent:2em;}


.newsList{ margin:30px 0}
.newsList a{ display:block; line-height:30px; padding:25px 25px 25px 38px; font-size:16px; background:url(../images/bgLi1.png) 20px 37px no-repeat;}
.newsList a i{float:right; color:#999; font-size:16px;}
.newsList a:nth-child(even){ background:url(../images/bgLi1.png) 20px 37px no-repeat;background-color:rgba(0,0,0,0.03);}



.boxPage{width:100%; overflow:hidden; margin:30px auto 50px auto; font-size:0; max-width:1260px;}
.boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#bfbfbf;width:38px; height:38px;text-align:center; line-height:38px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#005bac;}
.curPage{color:#fff!important; background-color:#005bac!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(../images/pagePre.png) center no-repeat; }
.nextPage{background:url(../images/pageNext.png) center no-repeat; margin-right:0!important}
.boxPage span{font-size:16px;line-height:38px;margin:0 15px 0 7px;display:none; vertical-align:middle}



.videoList{ margin:60px 0 -30px 0}
.videoList a{ display:inline-block; vertical-align:top; width:360px; height:260px; margin:0 60px 50px 0}
.videoList a:nth-child(3n+3){margin-right:0}
.videoList a div{ width:360px; height:202px; position:relative; overflow:hidden}
.videoList a div img{width:100%;  height:100%;transition:transform 0.5s}
.videoList a div i{display:block; width:52px; height:52px; background:url(../images/icoVideo.png) no-repeat center; position:absolute; top:50%; left:50%; margin:-26px 0 0 -26px; border-radius:50%; z-index:2}
.videoList a h1{background:#f5f5f5; font-size:15px; line-height:58px; text-align:center}
.videoList a:hover i{background:rgba(230,40,66,0.9) url(../images/icoVideo.png) no-repeat center; box-shadow:0 0 3px rgba(0,0,0,0.)}
.videoList a:hover img{transform:scale(1.1);}
.videoList a:hover h1{background:#005bac; color:#fff}


.rdztList{ margin:60px 0 -30px 0}
.rdztList a{ display:inline-block; vertical-align:top; width:360px; height:370px; margin:0 60px 50px 0; background:#f5f5f5}
.rdztList a:nth-child(3n+3){margin-right:0}
.rdztList a div{ width:360px; height:240px; position:relative; overflow:hidden}
.rdztList a div img{width:100%;  height:100%;transition:transform 0.5s}
.rdztList a span{display:block; padding:20px 30px 0 20px; font-size:15px; line-height:26px;}
.rdztList a span h1{ background:url(../images/icoDate.png) no-repeat left center;color:#005bac; padding:0 0 0 20px; letter-spacing:2px}
.rdztList a span h2{ padding:0 0 0 20px;}
.rdztList a:hover img{transform:scale(1.1);}




/*--------------------------------show--------------------------------*/
.bgShow{background:url(../images/bgMain.jpg) no-repeat top center;}

.showCur{ border-top:4px solid #005bac; background:rgba(0,0,0,0.05); text-align:center; height:280px; padding:40px 0 0 0}
.showCur1{ width:100%; max-width:1200px; margin:0 auto}
.showCur1 .navCur{ float:left; display:inline-block; width:auto}

.navCur{color:#999;}
.navCur a{display:inline-block; background:url(../images/icoCurJt.png) no-repeat left center; padding-left:20px; margin-right:10px; vertical-align:middle; line-height:30px; font-size:14px;color:#999;}
.navCur a:hover{color:#9d7544}
.navCur a:first-of-type{background:url(../images/icoCurHome.png) no-repeat 0 10px; padding-left:20px;}

.showCenter{display:block; width:100%; max-width:780px; vertical-align:top; margin:-150px auto 50px auto; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.07); padding:50px 60px 60px 60px;}
.showTitle{padding:0 0 15px 0;font-size:26px;line-height:36px; font-weight:bold; color:#444}
.showTitle i{ font-size:17px; display:block; color:#888;}
.showInfo{color:#bbb; font-size:14px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:27px; margin-bottom:30px;}
.showInfo i{ margin-right:10px}
.showCon{width:100%;  font-size:15px; line-height:30px; overflow:hidden; font-family:'微软雅黑'!important;}
.showCon img{width:auto; max-width:100%;height:auto!important;}

.showVideo{ width:100%; height:auto;display:block; margin:10px 0 0 0}
/*--------------------------------show--------------------------------*/

/*------------share------------*/
.btnShare1{ float:right;text-align:center; padding:0}
.btnShare1 i{font-size:14px; display:inline-block; color:#999; line-height:14px; vertical-align:middle;}
.icoShare{ display:inline-block;vertical-align:middle}
.icoShare a{display:inline-block;  margin-left:5px;  overflow:hidden;vertical-align:middle}
.icoShare div{width:36px; height:36px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:4px; width:28px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwm{ position:fixed; width: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 0}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}
/*------------share------------*/


/*------------business------------*/
.navBusiness{padding:50px 0}
.navBusiness a{width:20%;display:inline-block;vertical-align:top;color:#000; opacity:0.3; padding:0 0 20px 0; text-align:center}
.navBusiness a h1{}
.navBusiness a h2{display:none}
.navBusiness a h3{ font-size:26px; line-height:26px;}
.navBusiness a:hover{color:#005bac; opacity:1;}
.navBusiness a:hover h1{display:none}
.navBusiness a:hover h2{display:block;}
.navBusiness .on{color:#005bac; opacity:1; background:url(../images/icoNavJt.png) no-repeat bottom center}
.navBusiness .on h1{display:none}
.navBusiness .on h2{display:block;}

.conBusiness{ font-size:15px; line-height:30px; text-align:justify}


.businessImg{width:100%;overflow:hidden;position:relative; margin:60px auto;}
.businessImg .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;}
.businessImg .swiper-slide img{width:100%}
.businessImg .swiper-button-prev{display:none; left:40px; opacity:0.7}
.businessImg .swiper-button-prev:hover{opacity:1}
.businessImg .swiper-button-next{display:none; right:40px;opacity:0.7}
.businessImg .swiper-button-next:hover{opacity:1}

.businessImgNum{ position:absolute; left:40px; bottom:30px;  line-height:50px; font-size:15px; color:#fff; z-index:1; display:none}
.businessImgNum i{font-size:40px; margin-right:5px;}
.businessImgNum span{margin-left:5px;}
/*------------business------------*/


/*------------service------------*/
.imgService{ padding:60px 0 0 0}
.navService{}
.navService a{ display:inline-block; width:33.333%; border-bottom:2px solid #ccdeee; line-height:100px; font-size:22px; text-align:center}
.navService .on{border-bottom:2px solid #005bac; color:#005bac}

.conService{ padding:30px 0 60px 0; font-size:15px; line-height:30px}
.serviceTable{border-bottom:1px solid #dbd8da;border-right:1px solid #dbd8da; text-align:center; color:#555; width:100%}
.serviceTable td{ border-top:1px solid #dbd8da;border-left:1px solid #dbd8da;font-size:14px; line-height:26px; padding:6px 10px}
.serviceTable tr:first-child td{background:#005bac;color:#fff; font-weight:bold; text-align:center!important}
.serviceTable tr:first-child td:nth-child(1){width:15%}
.serviceTable tr:first-child td:nth-child(2){width:18.3%}
.serviceTable tr td:last-child{text-align:left}

.boxYwlc{ background:url(../images/bgGrayLine.png) no-repeat 80px 0/2px 100%; padding:0 60px;}
.boxYwlc li{ position:relative; padding:0 0 40px 60px; width:100%; overflow:hidden}
.boxYwlc li h1{ width:40px; height:40px; background:#005bac; position:absolute; left:0; top:0; border-radius:50%; text-align:center; color:#fff; font-size:24px; line-height:40px;}
.boxYwlc li h2{ line-height:40px; font-size:26px; color:#005bac}
.boxYwlc li h2 i{ font-size:15px;}
.boxYwlc .ywlcText{ font-size:15px; line-height:30px;}
.boxYwlc .ywlcText strong{display:block; margin:0 0 10px 0}
.boxYwlc .serviceTable tr:first-child td:nth-child(1){width:20%}
.boxYwlc .serviceTable tr:first-child td:nth-child(2){width:60%}
.boxYwlc .serviceTable tr td:nth-child(2){text-align:left}
.boxYwlc .serviceTable tr td:last-child{text-align:center}
.ywlcText{}
.ywlcText img{ margin-top:30px;}
.ywlcText1{border:1px solid #005bac; border-radius:6px; height:468px; width:100%; max-width:670px; float:right; padding:50px 50px 0 50px;margin-top:30px;}
.ywlcText1 p{margin:30px 0 0 0}

.navService1{ padding:30px 0 0 0; text-align:center}
.navService1 a{ display:inline-block; width:350px; border:1px solid #a8a8a8; border-radius:6px; line-height:38px; font-size:16px; text-align:center; margin:0 25px;}
.navService1 a:hover{border:1px solid #005bac;}
.navService1 .on{border:1px solid #005bac; color:#005bac}
/*------------service------------*/


/*------------qywh------------*/
.boxZrwh{ width:100%; height:460px; background:url(/skin/img/imgQywh1_1.jpg) no-repeat center/cover; margin:40px 0 90px 0}
.boxZrwh li{ width:200px; height:460px; border-right:1px solid #fff; display:inline-block; vertical-align:top; position:relative;transition:all 0.3s ease;}
.boxZrwh li:last-child{border:none}
.boxZrwh li h1{position:absolute; font-size:22px; line-height:23px; left:40px; top:200px; color:#fff;transition:all 0.3s ease;}
.boxZrwh li h1 i{ font-size:15px; display:block; margin:5px 0 0 0}
.boxZrwh li div{ position:absolute; left:40px; top:100%;transition:all 0.8s ease; color:#fff}
.boxZrwh li div h2{ font-size:36px; line-height:36px;}
.boxZrwh li div h3{ font-size:26px; line-height:36px; padding:0 40px 0 0}
.boxZrwh li:hover{}
.boxZrwh .on{width:600px;background:rgba(0,66,140,0.8);}
.boxZrwh .on h1{ top:160px;}
.boxZrwh .on div{ top:250px;}

.textQywh{ position:relative; padding:0 650px 90px 100px; font-size:15px; line-height:30px; min-height:450px}
.textQywh h1{ font-size:24px; line-height:46px; margin-bottom:50px}
.textQywh img{ position:absolute; right:100px; top:0}

.boxZrwh1{ margin:40px 0 0 0}
.boxZrwh1 img{width:100%}

.wjwhList{ width:100%;}
.wjwhList li{padding:60px 0; border-bottom:1px solid #d9d9d9; width:100%; overflow:hidden}
.wjwhList li h5{position:relative; padding:0 20px 20px 0; display:inline-block; width:480px; height:480px; float:left}
.wjwhList li h5 img{width:100%; height:100%; border-radius:50%; position:relative; z-index:2}
.wjwhList li h5 i{width:calc(100% - 20px); height:calc(100% - 20px);  border-radius:50%;position:absolute; right:0; bottom:0; background:#d11420; opacity:0.1}
.wjwhList li div{ width:720px; padding:0 0 0 60px; float:left}
.wjwhList li div span{ width:659px;display:inline-block; vertical-align:middle;}
.wjwhList li div span h1{ position:relative; padding:25px 0 0 105px; font-size:30px; line-height:46px;}
.wjwhList li div span h1 i{ position:absolute; top:0; left:0;display:block; vertical-align:top;width:auto; height:76px;line-height:60px;font-size:60px; color:#d11420;background:url(../images/titleLine.png) no-repeat right center/auto 100%;font-style:italic; padding:0 37px 0 0}
.wjwhList li div span h1 font{font-style:italic; display:block}
.wjwhList li div span h1 strong{font-style:italic; display:block; padding:0 0 0 120px; color:#d11420}
.wjwhList li div span p{ font-size:15px; line-height:26px; text-indent:2em; margin:20px 0 0 0}
.wjwhList li div i{ width:1px; height:480px; display:inline-block; vertical-align:middle}

.wjwhList li:nth-child(even) h5{ float:right}
.wjwhList li:nth-child(even) div{padding:0 60px 0 0; }
/*------------qywh------------*/

/*------------job------------*/
.boxJob{padding:60px 0 0 0}

.jobList{width:100%; margin:-20px 0 -20px 0}
.jobList a{ display:inline-block;width:585px; height:100px; background:#fff; border:1px solid #d7d7d7;margin:0 30px 30px 0; vertical-align:top; padding:25px 0 0 20px; position:relative}
.jobList a:nth-child(even){ margin-right:0}
.jobList a h1{font-size:18px; line-height:18px; font-weight:bold; color:#555}
.jobList a h1 i{width:36px; height:18px; font-size:12px; border-radius:9px; color:#fff; display:inline-block; margin:0 0 0 10px; text-align:center}
.jobList a h2{font-size:13px; line-height:22px; color:#999; margin-top:13px}
.jobList a h3{width:34px; height:34px; border:2px solid #d7d7d7; background:url(../images/icoJt2.png?v=1.0) no-repeat center; border-radius:50%; position:absolute; right:20px; top:50%; margin:-17px 0 0 0;}
.jobList a h3 i{width:0; height:100%; display:block;background:url(../images/icoJt2Hover.png?v=1.0) no-repeat left center;transition:all 0.3s ease; margin:0 0 0 8px}
.jobList a:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.jobList a:hover h3{ border:2px solid #1b3e86;}
.jobList a:hover h3 i{width:16px;}

.jobSz{background:#0085e3}
.jobXz{background:#049500}

.tableHrShow{ border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; font-size:15px; line-height:30px; margin:0 auto; width:100%; color:#666}
.tableHrShow td{ border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:10px; box-sizing:content-box}
.tableHrShow strong{display:block; text-align:right}
.tRightHr{ background:#f5f5f5; text-align:right; font-weight:bold}
.tableHrShow td:first-child{ width:20%; min-width:60px;}

.jobGo{display:block; width:50%; max-width:140px; margin:30px auto 0 auto; border-radius:20px; line-height:40px; font-size:14px; color:#fff; background:#0860af; text-align:center}
.jobGo:hover{ color:#fff; background:#009cec}
/*------------job------------*/

/*------------contact------------*/
.boxContact{width:100%;background:#fff; padding:30px 0 30px 30px;}
.boxContact li{display:inline-block; padding:0 90px 0 0}
.boxContact li img{display:inline-block; vertical-align:middle; margin:0 13px 0 0}
.boxContact li span{display:inline-block; vertical-align:middle;font-size:15px; line-height:26px;}

.contactMap{width:100%; height:400px; background:#fff;margin:0 0 60px 0}

.boxQwdh{ padding:60px 0}
.boxQwdh .serviceTable tr:first-child td:nth-child(1){width:20%}
.boxQwdh .serviceTable tr:first-child td:nth-child(2){width:60%}
.boxQwdh .serviceTable tr td:last-child{text-align:center}
/*------------contact-----------*/


/*------------企业版图-----------*/

.boxQybt{width:100%;margin:60px 0; position:relative}
.navQybt{ position:absolute; top:40px; right:18px; z-index:2}
.navQybt a{display:inline-block;}
.navQybt a i{display:inline-block;font-size:15px; line-height:32px; padding:0 17px; color:#999; border-radius:3px}
.navQybt .on i{background:#005bac; color:#fff}

.conQybt{position:relative;min-height:640px;padding:120px 0 150px 670px; display:none}
.conQybt img{ position:absolute; top:0; left:0}
.conQybt div{ background:url(../images/qybtLine.png) no-repeat top left; padding:0 0 0 80px; min-height:310px;}
.conQybt div p{ font-size:15px; line-height:30px; margin:0 0 20px 0}
.conQybt div p strong{ display:block; font-weight:bold}
.conQybt div p i{ display:block}
.conQybt h1{font-size:140px; line-height:140px; position:absolute; right:0; bottom:0; color:#005bac; z-index:1; opacity:0.1; height:140px; overflow:hidden}
.conQybt h1:before{content:attr(data-text);position:absolute;z-index:10;color:#f6f2ef;-webkit-mask:linear-gradient(to top,#fff,transparent);}

/*------------企业版图-----------*/


/*--------------------------------search--------------------------------*/
.bgBox{width:100%; overflow:hidden; background:#f4f4f4}
.searchNav{ font-size:16px; color:#666; padding:40px 0 20px 0; border-bottom:1px solid #ccc}
.searchNav i{ font-size:40px; line-height:40px; font-family:'din'; color:#d11420; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{ display:block; line-height:26px; padding:28px 25px 28px 38px; font-size:16px; background:url(../images/bgLi1.png) 20px 39px no-repeat;}
.searchList a i{float:right; color:#888}
.searchList a:nth-child(even){ background:url(../images/bgLi1.png) 20px 39px no-repeat;background-color:rgba(0,0,0,0.05);}
/*--------------------------------search--------------------------------*/