* { padding: 0; margin: 0; text-decoration: none; list-style: none; font-family: 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', 'Helvetica', 'tahoma', 'arial', 'Verdana', 'sans-serif', "WenQuanYi Micro Hei", "\5B8B\4F53" }
html, body { width: 100%; background: #fff; min-width: 1200px; }
body { overflow-x: hidden; }
input, button { border: none; outline: none; background: none; }
textarea { border: none; outline: none; background: none; resize: none; overflow: hidden; }
img { border: none; display: block; }
.main { width: 1166px; margin: 0 auto; }
.main:after { content: ""; display: block; clear: both; height: 0; }
.clear { clear: both; }

/*头部导航*/
.header { height: 76px; background: #fff; border-bottom: 1px solid #001659; }
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    animation: headerSticky .95s ease forwards;
    z-index: 9;
}
.headerTop { height: 40px; background: #45a2ef; }
.headerTopL { float: left; height: 100%; }
.headerTopL a { padding-right: 36px; font-size: 14px; color: #fff; line-height: 40px; }
.headerTopR { float: right; margin-right: -10px; height: 100%; }
.headerTopR a { width: 20px; height: 17px; padding: 12px 10px 11px; display: block; float: left; }
.header .nav { float: right; width: 100%; height: 76px; }
.header .logo { float: left; height: 45px; margin-top: 16px; margin-bottom: 15px; }
.header .logo img{ height: 45px }
.header .navList { float: right; padding: 13px 0; }
.header .navList+.navList { padding-left: 0px; padding-right: 36px; float: right; }
.header .navList a { float: left; font-size: 14px; color: #333; line-height: 50px; margin-left: 48px; }
.header .navList a:hover { color: #45a2ef; }

/*banner*/
.banner { position: relative; width: 100%; min-width: 1200px; height: 825px; overflow: hidden; }
.banner .swiper-slide { height: 100%; position: relative; }
.banner .swiper-slide .main { position: absolute; left: 50%; margin-left: -600px; top: 252px; height: 320px; text-align: center; }
.banner .swiper-slide .main h3 { font-size: 48px; color: #fff; line-height: 100px; font-weight: normal; margin-top: 70px;}
.banner .swiper-slide .main span { color: #45a2ef; }
.banner .swiper-slide .main em { padding: 10px 0 80px; display: block; font-size: 24px; color: #fff; font-style: normal; line-height: 30px; }
.banner .swiper-slide .main a { margin: 0 auto; display: block; width: 224px; height: 48px; font-size: 14px; border: 1px solid #ffffff; color: #fff; text-align: center; line-height: 50px; border-radius: 24px; transition: all 0.3s; }
.banner .swiper-slide .main a:hover { background: #45a2ef; border: 1px solid #45a2ef; }
.banner .bannerLeftBtn, .banner .bannerRightBtn { position: absolute; left: 20px; top: 50%; margin-top: -40px; width: 40px; height: 80px; background: rgba(0, 0, 0, 0.4); z-index: 2; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000) }
.banner .bannerRightBtn { right: 20px; left: auto }
.banner .bannerLeftBtn img, .banner .bannerRightBtn img { width: 14px; height: 23px; margin: 28px auto; }

/*关于我们*/
.about { padding-bottom: 100px; }
.sec_top { position: relative; margin-top: -60px; height: 62px; z-index: 2; background: url(../image/top.png) no-repeat center; }
.sec_top img { margin: 0 auto; padding-top: 16px; }
.about .sec_title { padding: 64px 0; font-size: 24px; color: #393846; line-height: 1.5px; text-align: center; }
.about_cntL { float: left; width: 520px; padding-right: 82px; }
.about_cntL p { font-size: 14px; color: #888586; line-height: 24px; }
.about_cntL a { display: block; margin: 40px 0; width: 192px; height: 46px; background: #21202f; border-radius: 23px; font-size: 14px; color: #fff; text-align: center; line-height: 46px; }
.about_cntR { float: left; width: 564px; overflow: hidden; }
.about_cntR ul { float: left; margin-right: 36px; width: 264px; }
.about_cntR ul+ul { margin-top: 48px; margin-right: 0; }
.about_cntR ul li { margin-bottom: 32px; width: 100%; height: 178px; overflow: hidden; }
.about_cntR ul img { width: 100%; height: 100%; transition: 0.35s ease-in-out; }
.about_cntR li:hover img { transform: scale(1.1);}
.about_cntL_tabs { height: 60px; margin-top: 59px; border-bottom: 1px solid #ccc; }
.about_cntL_tabs span { float: left; height: 40px; padding: 10px; color: #999; cursor: pointer; font-size: 20px; line-height: 40px; margin-right: 42px; position: relative; }
.about_cntL_tabs span:after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background-color: transparent; }
.about_cntL_tabs span:before { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -4px; border-style: solid; border-width: 0 4px 5px; border-color: transparent; }
.about_cntL_tabs span.active { color: #333; }
.about_cntL_tabs span.active:after { background-color: #b32527; }
.about_cntL_tabs span.active:before { border-color: #b32527 transparent; }

.about_cntL_cons {
    height: 264px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.about_cntL_item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s 0.1s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.about_cntL_item.active {
    display: block;
    visibility: visible;
    opacity: 1;
}

.about_cntL_item p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
}



/*服务项目*/
.service_item { margin-top: -58px; height: 786px; background: url(../image/back1.png) no-repeat center; background-size: cover; }
.sec_title { text-align: center; }
.sec_title h3 { padding: 140px 0 16px; font-size: 30px; color: #45a2ef; line-height: 1.75; }
.sec_title p { padding-bottom: 80px; font-size: 14px; color: #e7e2e3; line-height: 2; }
.service_item ul:after { content: ""; display: block; clear: both; height: 0; }
.service_item ul li { float: left; width: 20%; text-align: center; }
.service_item li div { margin: 0 auto; width: 135px; height: 135px; transition: 0.35s ease-in-out; border: 2px solid #45a2ef; border-radius: 50%}
.service_item li:hover div { transform: rotate(360deg) scale(1.025); }
.service_item li img { width: 65px; height: 65px; margin: 0 auto; padding-top: 35px}
.service_item li span { display: block; font-size: 18px; color: #45a2ef; line-height: 4; text-align: center; }
.service_item li p { margin: 0 auto; width: 126px; font-size: 14px; color: #e9e3ea; line-height: 1.5; }

/*服务优势*/
.advantage { height: 1172px; background: #ffffff; }
.advantage .main { position: relative; }
.advantage .sec_top { position: absolute; top: 0; left: 0; width: 100%; background: url(../image/top2.png) no-repeat center; }
.advantage .sec_title h3 { padding-top: 40px; color: #212030; }
.advantage .sec_title p { color: #9e9c9c; padding-bottom: 40px; }
.advantage_cnt { text-align: center; }
.advantage_cnt h4 { font-size: 24px; color: #222031; line-height: 1.75; font-weight: 400; margin-top: 60px; }
.advantage_cnt p { margin: 20px auto; width: 900px; font-size: 14px; color: #434a54; line-height: 1.5; }
.advantage_bot { margin: 30px auto 0; width: 1164px; overflow: hidden; }
.advantage_bot>div { float: left; width: 211px; text-align: center; padding: 0 40px; position: relative; }
.advantage_bot>div:after { content: ""; position: absolute; top: 8px; left: 0; bottom: 6px; width: 1px; background-color: #cccccc; }
.advantage_bot>div:first-child:after { display: none; }
.advantage_bot>div span { display: block; font-size: 30px; color: #45a2ef; line-height: 1.5; }
.advantage_bot>div em { font-style: normal; }
.advantage_bot>div p { width: auto; margin: 0; font-size: 14px; color: #9d9b9b; line-height: 1.75rem; }
.advantage-rct { width: 1164px; margin: 40px auto 0; }
.advantage-rct:after { content: ""; display: block; clear: both; height: 0; font-size: 0; }
.advantage-rct-item { float: left; width: 249px; height: 134px; padding: 20px; border: 1px solid #cccccc; border-width: 1px 1px 1px 0; }
.advantage-rct-item:first-child { border-left: 1px solid #cccccc; }
.advantage-rct-item p { width: 100%; color: #666; }
.advantage-rct-item img { display: block; width: 70px; height: 70px; margin: 8px auto 0; }

/*客户案例*/
.case { height: 624px; background: #f3f2ed; }
.case .main { position: relative; }
.case .sec_top { position: absolute; top: 0; left: 0; width: 100%; background: url(../image/top1.png) no-repeat
center; }
.case .sec_title h3 { padding-top: 40px; color: #212030; }
.case .sec_title p { color: #9e9c9c; padding-bottom: 42px; }
.case_cnt { overflow: hidden; }
.case_cnt a { float: left; display: block; margin-left: 66px; width: 242px; text-align: center; }
.case_cnt a:first-child { margin-left: 0; }
.case_cnt a div { width: 100%; height: 161px; overflow: hidden; position: relative; }
.case_cnt a div img { max-width: 100%; max-height: 100%; }
.case_cnt a span { display: block; padding-top: 5px; font-size: 16px; color: #21212e; line-height: 50px; transition: all 0.2s; }
.case_cnt a span:hover { color: #45a2ef; }
.case_cnt a p { font-size: 14px; color: #a19f9f; line-height: 18px; height: 54px; overflow: hidden; }
.case_cnt .hover-hide { position: absolute; top: 0; left: 0; line-height: 161px; text-align: center; background-color: rgba(69, 162, 239, 0.8); transition: 0.45s ease-in-out; transform: translate(100%, 100%); visibility: hidden; opacity: 0; }
.case_cnt .hover-hide p { color: #fff; width: 182px; height: auto; padding: 10px 30px; display: inline-block; vertical-align: middle; }
.case_cnt a:hover .hover-hide { transform: translate(0, 0); visibility: visible; opacity: 1; }
.case_cnt .case_cnt_item { width: 278px; margin-left: 18px; }
.case_cnt .case_cnt_item div { overflow: hidden; }
.case_cnt .case_cnt_item div img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s ease-in-out; }
.case_cnt .case_cnt_item:hover img { transform: scale(1.1);}

.case_cnt .case_cnt_item:first-child { margin-left: 0; }

/*团队介绍*/
.team { width: 100%; height: 632px; background: url(../image/back2.png) no-repeat center; background-size: cover; margin-top: -58px; }
.team .sec_title h3 { padding-top: 120px; color: #ffffff; }
.team .sec_title p { color: #ffffff; padding-bottom: 42px; }
.team_cnt { margin: 0 auto; width: 1000px; height: 338px; color: #fff; text-align: center; }
.teamImg { margin: 32px auto 10px; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; }
.teamImg img { width: 100%; height: 100%; }
.team_item h5 { font-size: 16px; }
.team_item span { display: block; font-size: 14px; line-height: 2; }
.team_item p { margin: 12px auto 0; width: 360px; font-size: 12px; line-height: 1.75; }
.team_cnt .pagination { position: absolute; left: 0; bottom: 50px; width: 100%; text-align: center; }
.team_cnt .swiper-pagination-switch { display: inline-block; margin-left: 10px; width: 12px; height: 12px; border-radius: 50%; background: #000; opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }
.team_cnt .swiper-active-switch { background: #fff; opacity: 1; filter: alpha(opacity=100); }
.pagination .swiper-pagination-switch:first-child { margin-left: 0px; }

/*新闻资讯*/
.news { height: 504px; background: #fff; }
.news .main { position: relative; }
.news .sec_top { position: absolute; top: 0; left: 0; width: 100%; background: url(../image/top2.png) no-repeat
center; }
.news .sec_title h3 { padding-top: 40px; color: #212030; }
.news .sec_title p { color: #9e9c9c; padding-bottom: 42px; }
.news_item { position: relative; float: left; display: block; margin-left: 40px; width: 260px; height: 212px; overflow: hidden; }
.newsImg { height: 100%; }
.newsImg img { width: 100%; height: 100%; transition: all 0.12s; }
.news_mask { position: absolute; left: 0; bottom: 0; height: 34px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); transition: all 0.12s; }
.news_mask h5 { margin: 0 auto; width: 86%; height: 34px; color: #fff; line-height: 34px; text-align: center; overflow: hidden; transition: all 0.12s; }
.news_mask p { margin: 0 auto; width: 86%; font-size: 12px; color: #fff; line-height: 24px; }
.news_item:hover .news_mask { height: 100%; }
.news_item:hover .news_mask h5 { padding-top: 67px; }
.news_item:hover img { transform: scale(1.1); }

/*底部*/
.footer { height: 300px; background: url(../image/back3.png) no-repeat top; background-size: cover; }
.footer .main { height: auto; }
.footer .main>a { margin: 0 auto; display: block; width: 150px; height: 150px; padding-top: 2px}
.footer .main>a img { width: 80px; padding: 35px; }
.footer .main h4 { font-size: 30px; color: #45a2ef; text-align: center; line-height: 2; font-weight: 400; margin-top: 25px; }
.footer .main p { font-size: 14px; text-align: center; line-height: 40px; }
.footer p a { color: #fff; }
.footer .main .copyright { padding-top: 24px; color: #aaa; text-align: center; }
.footer .main .copyright a { color: #aaa; }
.footerBot { position: relative; margin-top: 56px; width: 100%; height: 10px; cursor: pointer; background: #45a2ef; text-align: center; }
.footerBot img { position: absolute; left: 50%; top: -58px; margin-left: -130px; }
.footerBot span { position: absolute; top: -40px; display: block; font-size: 14px; width: 100%; color: #fff; }

/*详情页面*/
.content { background: #f5f5f5; }
.breadcrumb { font-size: 14px; color: #333; line-height: 5; }
.breadcrumb a { color: #666; }
.breadcrumb a i { font-style: normal; }
.breadcrumb a i:hover { color: #45a2ef; }
.breadcrumb span { color: #999; }
.content+.footer { margin-top: -58px; }
.article>h3 { color: #404040; font-size: 22px; text-align: center; line-height: 50px; }
.otherInfo { margin: 10px 0 20px; font-size: 14px; color: #999999; text-align: center; line-height: 14px; }
.otherInfo span { margin-left: 10px; }
.otherInfo span:first-child { margin-left: 0px; }
.article p { margin-top: 12px; color: #404040; font-size: 14px; line-height: 2; text-indent: 2em; }
.article_con h5 { font-size: 16px; }
.detail_content_footer { padding-top: 60px; width: 100%; height: 102px; }
.detail_content_footer>div { height: 100%; font-size: 14px; }
.detail_content_footer>div>a { display: block; width: 500px; height: 30px; color: #999999; }
.detail_content_footer>div>a:hover { color: #45a2ef; }
.content .summary { font-size: 14px; color: #999; line-height: 3; }

.case-list:after { content: ""; display: block; clear: both; height: 0; }
.case-item { float: left; width: 232px; height: 96px; margin: 0 8px 16px; border: 1px solid #eee; }
.case-item a { display: block; height: 100%; line-height: 94px; text-align: center; background-color: #fff; position: relative; overflow: hidden; }
.case-item img { display: inline-block; vertical-align: middle; }
.case-item span { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.35s 0.2s ease-in-out; -o-transition: 0.35s 0.2s ease-in-out; transition: 0.35s 0.2s ease-in-out; color: #ffffff; font-size: 18px; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); visibility: hidden; opacity: 0; }
.case-item a:after { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; visibility: hidden; opacity: 0; }
.case-item a:hover:after { visibility: visible; filter: alpha(opacity=60); opacity: 0.6; }
.case-item a:hover span { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.case-pane .sec_title { padding-bottom: 0; }
.case-pane .sec_title h4 { color: #000; }
.case-pane .sec_title p { color: #666; }
.segment { margin-top: -16px; }
.segment-menu { height: 50px; font-size: 0; text-align: center; }
.segment-ibtn { width: 148px; height: 48px; color: #fff; font-size: 16px; margin: 0 10px; cursor: pointer; line-height: 48px; border: 1px solid #fff; display: inline-block; vertical-align: top; transition: 0.2s ease-in-out; }
.segment-ibtn:hover, .segment-ibtn.active  { border-color: #45a2ef; background-color: #45a2ef; }
.segment-pane { padding-top: 40px; }
.segment-item { width: 1000px; margin: 0 auto; display: none; }
.segment-item.active { display: block; }


.server { margin-top: -58px; height: 886px; background: url(../image/top2.png) no-repeat top center; }
.server .sec_title { text-align: center; }
.server .sec_title h3 { padding: 120px 0 16px; font-size: 30px; color: #45a2ef; line-height: 1.75; }
.server .sec_title p { padding-bottom: 80px; font-size: 14px; color: #666; line-height: 2; }
.server-list { overflow: hidden; }
.server-list:after { content: ""; display: block; clear: both; height: 0; }
.server-list ul { float: left; width: 400px; padding-top: 40px; }
.server-list ul li { float: none; width: 100%; text-align: left; overflow: hidden; margin-bottom: 40px; }
.server-list ul li div { float: left; width: 52px; height: 52px; }
.server-list ul li img { width: 52px; height: 52px; }
.server-list ul li span { display: block; font-size: 16px; line-height: 1.5; text-align: left; margin-left: 80px; }
.server-list ul li span:after { content: ""; display: block; width: 36px; height: 2px; margin-top: 4px; background-color: #45a2ef; }
.server-list ul li p { width: auto; color: #999; font-size: 14px; margin-top: 4px; line-height: 1.5; text-align: left; margin-left: 80px; }
.server-list .serve-img { width: 720px; margin-left: 480px; }
.server-list .serve-img img { max-width: 100%; }

/* 我们的服务 */
.serve_pane { height: auto; }
.serve_tabs { height: 157px; padding-top: 24px; border-bottom: 1px solid #ccc; }
.serve_tabs:after { content: ""; display: block; clear: both; height: 0; font-size: 0; }
.serve_tabs_item { float: left; width: 186px; cursor: pointer; margin-left: 10px; }
.serve_tabs_item:after { content: ""; display: block; width: 100px; height: 3px; margin: 0 auto; background-color: transparent; }
.serve_tabs_item:first-child { margin-left: 0; }
.serve_tabs_item .icon_serve { display: block; width: 100px; height: 100px; margin: 0 auto; background-image: url(../image/icon-serve.jpg); background-repeat: no-repeat; }
.serve_tabs_item span { display: block; color: #666; font-size: 18px; line-height: 56px; text-align: center; }
.serve_tabs_item.active span { color: #45a2ef; }
.serve_tabs_item.active:after { background-color: #45a2ef; }
.serve_tabs_item .icon_serve.icon1 { background-position: 0 0; }
.serve_tabs_item .icon_serve.icon2 { background-position: -108px 0; }
.serve_tabs_item .icon_serve.icon3 { background-position: -216px 0; }
.serve_tabs_item .icon_serve.icon4 { background-position: -324px 0; }
.serve_tabs_item .icon_serve.icon5 { background-position: -432px 0; }
.serve_tabs_item .icon_serve.icon6 { background-position: -540px 0; }
.serve_tabs_item.active .icon_serve.icon1 { background-position: 0 -108px; }
.serve_tabs_item.active .icon_serve.icon2 { background-position: -108px -108px; }
.serve_tabs_item.active .icon_serve.icon3 { background-position: -216px -108px; }
.serve_tabs_item.active .icon_serve.icon4 { background-position: -324px -108px; }
.serve_tabs_item.active .icon_serve.icon5 { background-position: -432px -108px; }
.serve_tabs_item.active .icon_serve.icon6 { background-position: -540px -108px; }
.serve_cons { height: 270px; margin-top: 40px; margin-bottom: 60px; position: relative; }
.serve_cons_item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.5s 0.1s ease-in-out; visibility: hidden; opacity: 0; }
.serve_cons_item.active { display: block; visibility: visible; opacity: 1; }
.serve_cons_imge { float: left; width: 440px; height: 100%; margin-left: 48px; background-color: #dfdfdf; overflow: hidden; }
.serve_cons_imge img { width: 100%; }
.serve_cons_text { padding-top: 48px; margin-left: 530px; }
.serve_cons_text h3 { color: #333; font-size: 24px; font-weight: normal; line-height: 1.6; }
.serve_cons_text small { display: block; color: #666; font-size: 14px; line-height: 2; }
.serve_cons_text small:after { content: ""; display: block; width: 50px; height: 3px; margin-top: 12px; background-color: #45a2ef; }
.serve_cons_text p { color: #666; font-size: 14px; margin-top: 24px; line-height: 1.8; }