@charset "utf-8";
/* CSS Document */

/*共用样式*/
*{margin:0; padding:0;}
body {font:12px "Microsoft YaHei" !important,Arial, Helvetica;	background:#fff;color: #333;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none;}
a:hover{color:#0daeff; cursor: pointer;text-decoration:none ; }
em,i{font-style:normal; }
ol,ul,dl,li,dt,dd {list-style:none}
img {border:0;vertical-align:middle} a img{border:0}
table {border-collapse:collapse;border-spacing:0}  

.fl{float:left;}.fr{float:right;}.cl{clear:both;}  .over{overflow:hidden;} 
.fix{*zoom:1;}.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}.z{_zoom:1;}
.con{width:100%; height:auto;}
.content{width:1200px;margin:0 auto; height:auto;}  input{outline:none;} textarea{resize:none} 

/* display */
.db { display: block; }
.dn { display: none; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/*边距*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt120{margin-top:120px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr0{margin-right: 0 !important;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

/*颜色*/
.color_use{color:#02a9f1;}
.color_666{color:#666666;}
.color_999{color:#999999;}
.color_fff{color:#fff;}
.b{font-weight: bold;}

/*字体*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f24{font-size:24px !important;}
.f28{font-size:28px !important;}
.f30{font-size:30px !important;}
.f36{font-size:36px !important;}
.f42{font-size:42px !important;}
.f48{font-size:48px !important;}
.f60{font-size:60px !important;}
.f72{font-size:72px !important;}

/*行高*/
.l20{line-height:20px;}
.l24{line-height:24px;}
.l30{line-height:30px;}
.l36{line-height:36px;}
.l48{line-height:48px;}
.l60{line-height:60px;}
.l72{line-height:72px;}

.hide{display: none;}
.show{display: block}

.rel{position: relative;}
.abs{position: absolute;}

.bg_fc{background: #fcfcfc;}
.bg_use{background: #0daeff !important;}

/*  index  */
.headerBlock{width: 100%; height: 110px; background: #ffffff;}
.webLogo{width: 220px; height: 80px; cursor: pointer;}
.webLogo img{width: 220px; height: 80px;}
.webMenuList li{float: left; padding:0 18px; height: 110px; cursor: pointer; line-height: 110px; font-size: 16px; font-weight: bold; text-align: center; color: #fff; position: relative;}
.webMenuList li a{color:#000000;}
.webMenuList li a:hover{color:#0daeff;}
.webMenuList li:hover .webMenuLine{display: block;}
.webMenuList li.current{color:#0daeff; position: relative;}
.webMenuLine{position: absolute; left: 50%; bottom: 40px; margin-left: -10px; width:20px; border-bottom: 2px solid #0daeff;display: none;}
.webMenuList li.current:hover,.webMenuList li.current .webMenuLine{display: block;}
.webMenuListLine{position: absolute; right: 0; top: 0; font-size: 16px; color:#ddd;}
.myimg img{width: 100%;height: auto;}
.indexTitle{font-size: 30px; font-weight:bold; line-height: 48px; text-align: center;}
.indexTxt{font-size: 18px; color:#aaaaaa; line-height: 36px; text-align: center;}
.lineTitle{display: inline-block; width:36px; height: 4px; background: #02a9f1;}
.footerBox{width: 100%; height: auto; background: #252a36; padding:8px 0;}
.footerBlockTxt{color:#a2a9be;}
.menuBackBlock{display: none; width: 76px; height: 76px; color:#999; cursor: pointer; border-radius: 38px; background: #fff; border:1px solid #dfdfdf; text-align: center; line-height: 76px; position: fixed; right:15px; bottom:88px; z-index: 101;}
.contactBox{position: fixed; right: 24px; top: 50%; margin-top: -172px; z-index: 101;}
.contactBoxBlock{position: relative; width: 94px; height: 334px; background: #fff; border: 2px solid #02a9f1; border-radius: 12px;}
.contactBoxHide{position: absolute; left: -25px; top: 50%; margin-top: -30px; cursor: pointer;}
.contactBoxTitle{text-align: center; color:#999; line-height: 20px;}
.contactBoxTel{text-align: center; color:#0daeff; line-height: 36px; border-bottom: 1px solid #eee;}
.contactBoxEwm img{width: 94px; height: 94px;}
.contactBoxShow{display: none; position: fixed; cursor: pointer; right: 0; top: 50%; margin-top: -30px; z-index: 101;}

.homeAdBox{width: 100%; height: 200px; background: url(../images/homeAdBox.png) center center no-repeat;}
.homeAdBanner{width: 100%; height: 480px; background: url(../images/banner.png) center center no-repeat;}
.footerCopy a,.footerCopy a:hover{color:#999999;}
.sideBar{position: fixed; right: 0; top: 42%; z-index: 999;}
.sideBarBlock{width: 48px; height: 48px; line-height: 48px; border-radius: 6px 0 0 6px; background: #333333; text-align: center;}
.sideBarShow{ border-radius: 6px 0 0 6px; background: #333333;  display: none;}
.sideBarShows{ border-radius: 6px 0 0 6px; background: #333333; display: none;}
.sideBarBox:hover .sideBarShow,.sideBarBoxs:hover .sideBarShows{display: block;}
.sideBarShows img{width: 180px; height: 180px;}
.sideBarBlock:hover span{color:#0daeff;}
.menuBox{border-radius: 6px; background: #FFFFFF;  display: none; position: absolute; left: 0; top: 60px; z-index: 999;}
.webMenuContent:hover .menuBox{display: block;}
.menuBox div:hover{color:#0daeff;}
.homeCaseBox{width: 380px; height: auto; background: #fcfcfc;box-shadow:10px 0px 50px rgba(0,0,0,0.05)}
.homeCaseImg{width: 380px; height: 244px; overflow: hidden;}
.homeCaseImg img{width: 100%; height: auto;}
.indexImgBox{position:relative; height: 445px;}
.indexImgList{position: absolute;}
.indexImgList li{width:300px; height:445px; text-align: center; font-size:16px; cursor: pointer; background: #fff;position: relative; top: 0;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.indexImgListNone{display: none;}
.indexImgList li:hover{-webkit-transform:translateY(-0px); width:300px; height:445px; text-align: left; font-size:16px; cursor: pointer; background:#02a9f1;}
.indexImgList li:hover .indexImgListNone{display: block;}
.indexImgList li:hover .indexImgListBlock{display: none;}
.indexImgListBlock1{width:300px; height:445px; background: url(../images/ys1.jpg) center center no-repeat; position: relative;}
.indexImgListBlock2{width:300px; height:445px; background: url(../images/ys2.jpg) center center no-repeat; position: relative;}
.indexImgListBlock3{width:300px; height:445px; background: url(../images/ys3.jpg) center center no-repeat; position: relative;}
.indexImgListBlock4{width:300px; height:445px; background: url(../images/ys4.jpg) center center no-repeat; position: relative;}
.indexImgListBlockShadow{position: absolute; left: 0; right: 0; top: 0; width: 300px; height: 445px; background: rgba(54,54,69,0.8);}
.indexImgListBlockShadowLine{display: inline-block; width: 28px; height: 3px; background: #fff;}
.indexImgListBlockShadowLines{display: inline-block; width: 22px; height: 2px; background: #fff;}
.homeService{width: 100%; height: 560px; background: url(../images/bgServices.png) center center no-repeat;}
.serviceBox{width: 280px; height: 410px; background: #fff; border-radius: 8px; box-shadow:10px 0px 50px rgba(0,0,0,0.05); margin-right:26px;}
.serviceBoxBlock{width: 100%; height: 130px; padding:13px 0; border-radius: 6px; background: #f6f7fb;}
.serviceBlock1{border-radius: 8px 8px 0 0; background: linear-gradient(233deg, #856EFD 0%, #3867EB 100%);}
.serviceBlock2{border-radius: 8px 8px 0 0; background: linear-gradient(233deg, #47D69D 0%, #21CC96 100%);}
.serviceBlock3{border-radius: 8px 8px 0 0; background: linear-gradient(233deg, #FF9345 0%, #FF744B 100%);}
.serviceBlock4{border-radius: 8px 8px 0 0; background: linear-gradient(233deg, #FD5151 0%, #F34E4E 100%);}
#bannerTabBox{position: relative; overflow: hidden; z-index: 1;}
#bannerTabBox .swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#bannerTabBox .swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
#bannerTabBox .prev{display:block;width:56px; height:56px; border-radius: 28px; background:rgba(33,33,33,0.7); line-height: 56px; text-align: center; color:#fff; position: absolute; left:66px; top: 50% !important; margin-top: -28px; z-index: 1;}
#bannerTabBox .next{display:block;width:56px; height:56px; border-radius: 28px; background:rgba(33,33,33,0.7); line-height: 56px; text-align: center; color:#fff; position: absolute; right:66px; top: 50% !important; margin-top: -28px; z-index: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;}
.swiper-pagination-bullet {width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #FFF; opacity: .2;}
.swiper-pagination-bullet-active{opacity: 1; background: #FFF !important; z-index: 99;}


.aboutBanner{width: 100%; height: 720px; background: url(../images/aboutBanner.jpg) center center no-repeat;}
.aboutImg{width: 100%; height: 560px; background: url(../images/aboutImg.png) center center no-repeat;}
.detailBanner{width: 100%; height: 650px; background: url(../images/detailBanner.jpg) center center no-repeat;}
.servicesBanner{width: 100%; height: 400px; background: url(../images/servicesBanner.png) center center no-repeat;}

.logoService{width: 375px; height: auto; margin-right:37px;}
.tab-header li{width: 400px; font-size: 18px; text-align: center; height: 48px; line-height: 48px; margin-bottom:20px;  background: #f5f5f5; border-radius: 24px; box-shadow:10px 0px 50px rgba(0,0,0,0.05); cursor: pointer;}
.tab-header li.active{background: #0daeff; color:#fff;}
.tab-pane {display: none;}
.tab-pane.active {display: block;}    
.paneQ{width: 28px; height: 28px; line-height: 28px; text-align:center; color:#fff; font-size: 16px; background: #ff6600; border-radius: 15px;}
.serviceCaseBox{width: 385px; height: auto; background: #ffffff;box-shadow:10px 0px 50px rgba(0,0,0,0.05); margin-right:22px;}
.blockPan{width: 18%; height: auto; border: 1px solid #eee; border-radius: 8px; background: #fff; margin-right:2.5%;}
.homeAdBox{width: 100%; height: 200px; background: url(../images/homeAdBox.png) center center no-repeat;}

.articleBoxBg1{background: #214c9f}
.articleBoxBg2{background: #f2f2f2}
.articleBoxImg{width: 231px; height: 231px; position: absolute; left: 50%; top: -110px; margin-left:-116px;}
.articleBlock{border:2px solid #ececec; height: 540px; padding: 24px 0;}
.articleBlocks{border:2px solid #214c9f; height: 620px;}
.articleBlocks1{display: none;}

.mx5{margin: 0 7%;}
.homeAdvImg{width: 100%; height: 658px; background: url(../images/homeAdvBg.jpg) center center no-repeat;}
.homeArticleImg{width: 100%; height: 864px; background: url(../images/homeArticleImg.jpg) center center no-repeat;}
.homeWhyBg1{background: #d2e3f5;}
.homeBtnTo{display: inline-block; font-size: 16px; font-weight:bold; color:#1d2088; border:2px solid #1d2088; border-radius: 30px; padding:8px 24px;}
.reportBox{width: 100%; height: auto; background: #f2f2f2; border-radius: 20px;box-shadow:10px 0px 50px rgba(0,0,0,0.3)}
.reportBoxTitle{position: absolute; left: -52px; top: -100px; color:#fff; font-size: 48px; font-weight: bold; width: 738px; height: 230px; line-height: 200px; text-indent: 48px; background: url(../images/reportBgTitle.png) no-repeat;}
.interviewBoxTitle{position: absolute; left: -18px; top: -60px; color:#fff; font-size: 36px; font-weight: bold; width: 1020px; height: 145px; line-height: 130px; text-indent: 30px; background: url(../images/interviewBoxTitle.png) no-repeat;}
.interviewBoxTitle2{position: absolute; right: -18px; text-align: right; top: -60px; color:#fff; font-size: 36px; font-weight: bold; width: 1020px; height: 145px; line-height: 130px; background: url(../images/interviewBoxTitle2.png) no-repeat;}

.homeTxtTitle{font-size: 30px; font-weight:bold; line-height: 42px; padding-top: 6px;}
.homeTxtInfoTitle{font-size: 36px; font-weight:bold; line-height: 42px; padding-top: 6px;}
.homeTxtTitles{font-size: 42px; font-weight:bold; line-height: 48px; padding: 20px 0;}
.homeTxtSub{font-size: 16px; line-height: 28px; letter-spacing: 4px;}
.moreBtn{border-radius: 6px; font-size: 20px; text-align:center; font-weight:bold; padding:10px 20px; background: #0daeff;}
.moreBtnGo{font-weight: bold; font-size: 24px; margin-left: 40px; cursor: pointer;}
.modeTxtSub{font-size: 16px; line-height: 36px;}
.moreMt24{margin-top: 96px;}
.moreMt16{margin-top: 64px;}
.moreMt36{margin-top: 144px;}
.moreMt8{margin-top: 32px;}
.homeAdvTitle{font-size: 36px; padding:40px 0 15px 0;}
.homeAdvTxt{font-size: 32px; padding:18px 0 10px 0;}
.homeAdvInfo{font-size: 28px; line-height: 40px;}
.homeWhyTitle{font-size: 32px;}
.wLeft{width: 32%;}
.wRight{width: 68%;}
.tab-paneTitle{font-size: 18px;}
.aboutBannerPt56{padding-top: 220px;}
.homeTxtInfo{font-size: 14px; line-height: 24px; color:#999;}
.homeWidthSub{width: 40%;}
.homeWidthSubLeft{width: 55%;}
.homeAdvFont{font-size: 48px; margin-top: 48px;}
.homeAdvIcon{font-size: 96px;}
.homeAdvIcon2{font-size: 84px; padding: 8px 0;}
.articleBoxPt36{padding-top: 144px; padding-bottom: 40px;}
.homeArticleImgInfo{font-size: 36px; font-weight: bold; padding-top: 72px;}
.homeArticleImgFont{font-size: 80px; padding: 22px 0 8px 0;}
.homeArticleDataFont{font-size:100px;letter-spacing:10px; padding:15px 0;}
.articleBlockTitle{font-weight: bold; font-size: 28px;}
.articleBlockTxt{font-size: 16px; color:#999; text-align: center;}
.articleBlockIcon{font-size:60px; color:#cccccc; padding:16px 0;}

@media screen and (max-width:1600px) {
.homeTxtTitle{font-size: 20px; font-weight:bold; line-height: 42px;}
.homeTxtTitles{font-size: 24px; font-weight:bold; line-height: 36px; padding: 5px 0;}
.homeTxtSub{font-size: 16px; line-height: 28px; letter-spacing: 4px;}
.moreBtn{border-radius: 4px; font-size: 14px; text-align:center; font-weight:normal; padding:6px 16px; background: #0daeff;}
.moreBtnGo{font-weight: normal; font-size: 16px; margin-left: 28px; cursor: pointer;}
.modeTxtSub{font-size: 14px; line-height: 24px;}
.moreMt24{margin-top: 68px;}
.moreMt16{margin-top: 32px;}
.moreMt8{margin-top: 16px;}
.homeAdvTitle{font-size: 28px; padding:30px 0 12px 0;}
.homeAdvTxt{font-size: 16px; padding:2px 0 6px 0;}
.homeAdvInfo{font-size: 20px; line-height: 36px;}
.homeWhyTitle{font-size: 24px;}
.tab-header li{width: 320px; font-size: 16px;}
.tab-paneTitle{font-size: 16px;}
.aboutBanner{width: 100%; height: 560px; background: url(../images/aboutBanner.jpg) center center no-repeat;}
.homeAdvImg{width: 100%; height: 488px; background: url(../images/homeAdvBg.jpg) center center no-repeat;}
.aboutBannerPt56{padding-top: 160px;}
.homeTxtInfo{font-size: 14px; line-height: 24px; color:#999;}
.mx5{margin: 0 5%;}
.homeTxtInfoTitle{font-size: 36px; font-weight:bold; line-height: 36px; padding-top: 6px;}
.homeWidthSub{width: 45%;}
.homeWidthSubLeft{width: 52%;}
.homeAdvFont{font-size: 36px; margin-top: 30px;}
.homeAdvIcon{font-size: 56px;}
.homeAdvIcon2{font-size: 48px; padding: 5px 0;}
.moreMt36{margin-top: 72px;}
.reportBoxTitle{position: absolute; left: -28px; top: -36px; color:#fff; font-size: 24px; font-weight: bold; width: 380px; height: 118px; line-height: 102px; text-indent: 28px; background: url(../images/reportBgTitle.png) no-repeat; background-size: 100% 100%;}
.interviewBoxTitle{position: absolute; left: -13px; top: -36px; color:#fff; font-size: 20px; font-weight: bold; width: 506px; height: 72px; line-height: 66px; text-indent: 22px; background: url(../images/interviewBoxTitle.png) no-repeat; background-size: 100% 100%;}
.interviewBoxTitle2{position: absolute; right: -13px; text-align: right; top: -36px; color:#fff; font-size: 20px; font-weight: bold; width: 506px; height: 72px; line-height: 66px; background: url(../images/interviewBoxTitle2.png) no-repeat; background-size: 100% 100%;}
.articleBoxImg{width: 136px; height: 136px; position: absolute; left: 50%; top: -72px; margin-left:-68px;}
.articleBoxPt36{padding-top: 64px; padding-bottom: 20px;}
.homeArticleImg{width: 100%; height: 580px; background: url(../images/homeArticleImg.jpg) center center no-repeat;}
.homeArticleImgInfo{font-size: 22px; font-weight: bold; padding-top: 28px;}
.homeArticleImgFont{font-size: 56px; padding: 10px 0 5px 0;}
.homeArticleDataFont{font-size:76px; letter-spacing:5px; padding:10px 0;}
.articleBlock{border:2px solid #ececec; height: 400px; padding: 12px 0;}
.articleBlockTitle{font-weight: bold; font-size: 18px;}
.articleBlockTxt{font-size: 14px; color:#999; text-align: center;}
.articleBlockIcon{font-size:40px; color:#cccccc; padding:16px 0;}
}