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

body { font-size:14px; font-family:"Microsoft Yahei"; color:#000; background:#fff;  -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, {font-family:"Microsoft Yahei";  -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#000; cursor:pointer;  -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#061d56; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1130px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] ,input[type=submit],input[type=button],button{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#666; }
textarea::-webkit-input-placeholder { color:#666; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont"; /* Project id 2559179 */
  src: url('../font/iconfont.woff2?t=1621430004503') format('woff2'),
       url('../font/iconfont.woff?t=1621430004503') format('woff'),
       url('../font/iconfont.ttf?t=1621430004503') format('truetype');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


/**index**/
.hyHead{ background:url(../images/top_bg.png) top left repeat-x; width:100%; position:fixed; left:0;top:0; z-index:999; text-align:center; transition:all .4s ease 0s; padding:10px 0;}
.hyHead.topFix{ background:rgba(255,255,255,.95);}
.hyHead.topFix .sa-logo{ display:inline-block;}
.hyHead.topFix .zc-logo{ display:none;}
.hyHead.topFix .hyHead-menu a{ color:#333;}
.hyHead .sa-logo{ display:none;}
.hyHead-tools{ padding-top:23px;}
.hyHead-tools a{ float:left; margin-left:15px; display:inline-block; vertical-align:top; position:relative;}
.hyHead-tools a:first-child{ margin-left:0;}
.hyHead-tools a .code{ background:#0d308a; position:absolute; right:0; top:100%; width:100px; padding:5px; display:none;}
.hyHead-tools a:hover .code{ display:block;}
.hyHead-menu{ display:inline-block; vertical-align:top; }
.hyHead-menu a{ margin:0 30px; font-size:15px; display:inline-block; line-height:67px; color:#fff;}
.hyHead-menu a.active, .hyHead-menu a:hover{ color:#e50013; font-weight:bold;}


.hyBanner{ position:relative;}
.hyBanner-sider{ overflow:hidden;}
.hyBanner-sider li img{ width:100%;}
.hyBanner-sider .swiper-pagination{ font-size:0; bottom:23px !important;}
.hyBanner-sider .swiper-pagination-bullet{ background:#fff; width:16px; height:16px; margin:0 5px !important; transition:all 0.4s; }
.hyBanner-sider .swiper-pagination-bullet-active{ background:#660000; opacity:1;}

.hyBanner-contact{ background:rgba(17,46,126,.96); width:40%; height:100%; position:absolute; right:0; top:0; z-index:2; padding:50px 0 0 45px; border-top:7px #e50014 solid;}
.hyBanner-contact .c-box{ max-width:360px; color:#fff;}
.hyBanner-contact .search .inpt{ background:#fff; width:270px; height:44px; line-height:44px; padding-left:7px; float:left; color:#ccc;}
.hyBanner-contact .search .btn{ background:#e50013; width:50px; height:44px; line-height:44px; color:#fff; float:left; cursor:pointer; font-size:14px;}
.hyBanner-contact .title{ margin-top:50px;}
.hyBanner-contact .title .jia{ font-size:31px; display:inline-block; line-height:1;}
.hyBanner-contact .title h4{ font-size:16px; font-weight:bold; margin-top:16px;}
.hyBanner-contact .title h3{ font-size:26px; font-weight:bold; margin-top:6px;}
.hyBanner-contact .subtitle{ color:rgb(207, 226, 243); margin-top:20px;}
.hyBanner-contact .text{ margin-top:25px; text-transform:uppercase; line-height:20px;}
.hyBanner-contact .more{ background:#e50013; width:150px; height:50px; line-height:50px; display:inline-block; position:relative; font-weight:bold; color:#fff; text-align:center; margin-top:55px;}
.hyBanner-contact .more:before{ content:''; background:#0047ff; width:18px; height:18px; position:absolute; right:-17px; top:-16px; z-index:-1;}
.hyBanner-contact .more:after{ content:''; background:#e50013; width:15px; height:11px; position:absolute; right:-33px; top:-1px;}
.hyBanner-contact .more:hover{ background:#b4000f;}


.hyAbout{ padding:90px 0;}
.hyAbout .hyBusiness-title{ color:#434343; padding-bottom:45px;}
.hyAbout .hyBusiness-title:before{ background:#e50013;}

.hyAbout-left{ width:500px;}
.hyAbout-left .title{ text-align:right; padding: 0 20px 50px 0; display:none;}
.hyAbout-left .title .cn{ background:#0d308a; width:155px; line-height:60px; text-align:center; display:inline-block; position:relative; font-size:20px; color:#fff; font-weight:bold;}
.hyAbout-left .title .cn:before{ content:''; background:#0047ff; width:18px; height:18px; position:absolute; left:-29px; top:-16px; z-index:2;}
.hyAbout-left .title .cn:after{ content:''; background:#e50013; width:14px; height:11px; position:absolute; left:-14px; top:1px;}
.hyAbout-left .figure img{ width:100%;}
.hyAbout-middle{ background:#e50013; width:320px; min-height:665px; color:#fff; padding:70px 30px 0 30px; position:relative; z-index:1; display:none;}
.hyAbout-middle .t{ font-size:20px; line-height:25px; font-weight:bold; padding-top:20px; position:relative;}
.hyAbout-middle .t:before{ content:''; background:#fff; width:37px; height:6px; position:absolute; left:0; top:0;}
.hyAbout-middle .c{ margin-top:30px; line-height:20px;}
.hyAbout-right{ width:560px; position:relative; }
.hyAbout-right .cn{ font-size:24px;}
.hyAbout-right .en{ font-size:14px; color:#929292; text-transform:uppercase;}
.hyAbout-right .t{ padding-bottom:6px; color:#434343; border-bottom:1px #ccc solid;}
.hyAbout-right .t label{ font-size:18px; color:#000; font-weight:bold;}
.hyAbout-right .c{ line-height:24px; color:#5a5a5a; margin-top:35px;}
.hyAbout-right .m{ background:#0d308a; width:143px; height:56px; line-height:56px; text-align:center; color:#fff; font-size:14px; font-weight:bold; display:inline-block; margin-top:50px;}
.hyAbout-right .m:hover{ background:#001c63;}


.hyBusiness{ background-image:url(../images/hyBusiness-bg.jpg); background-position:center; background-size:cover; padding:90px 0 80px 0;}
.hyBusiness-title{ text-align:center; color:#fff; font-size:16px; position:relative; padding-top:15px;}
.hyBusiness-title:before{ content:''; background:#fff; width:37px; height:6px; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.hyBusiness-title .t label{ font-size:24px; font-weight:bold;}
.hyBusiness-title .c{ max-width:550px; margin:auto; line-height:18px; margin-top:30px;}

.hyBusiness-list{ margin-top:110px; margin-left:-35px; position:relative;}
.hyBusiness-list li{ width:calc(20% - 35px); float:left; margin-left:35px; text-align:center; padding:60px 0 20px 0; position:relative; border:1px #4e71cb solid;}
.hyBusiness-list li .icon{ background:#4e71cb; width:81px; height:59px; position:absolute; left:50%; top:-30px; margin-left:-40px;}
.hyBusiness-list li .icon img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hyBusiness-list li .cn{ font-size:20px; font-weight:bold; color:#d9d9d9;}
.hyBusiness-list li .en{ color:#d9d9d9; margin-top:3px; font-size:13px; }
.hyBusiness-list li:hover{ border-color:#e50112;}
.hyBusiness-list li:hover .icon{ background:#e50112;}

.hyBusiness-more{ text-align:center; margin-top:80px;}
.hyBusiness-more a{ background:#e50013; width:196px; height:56px; line-height:56px; display:inline-block; font-size:14px; font-weight:bold; color:#d9d9d9;}
.hyBusiness-more a:hover{ background:#a9000f;}


.hyNews{ padding:90px 0;}
.hyNews .hyBusiness-title{ color:#434343;}
.hyNews .hyBusiness-title:before{ background:#e50013;}

.hyNews-More{ text-align:center; margin-top:60px;}
.hyNews-More .mo{ background:#e50013; width:143px; height:38px; line-height:38px; display:inline-block; font-size:14px; vertical-align:top; font-weight:bold; color:#fff;}
.hyNews-More .mo:hover{ background:#a9000f;}
.hyNews-More .cn{ background:#0d308a; width:155px; line-height:60px; text-align:center; display:inline-block; vertical-align:top; margin-top:38px; text-transform:uppercase; position:relative; font-size:20px; color:#fff; font-weight:bold;}
.hyNews-More .cn:before{ content:''; background:#0047ff; width:18px; height:18px; position:absolute; left:-29px; top:-16px; z-index:2;}
.hyNews-More .cn:after{ content:''; background:#e50013; width:14px; height:11px; position:absolute; left:-14px; top:1px;}

.hyNews-figure{ width:569px;}
.hyNews-figure img{ width:100%;}
.hyNews-list{ width:500px;}
.hyNews-list .first{ padding-bottom:20px; border-bottom:1px #eee solid;}
.hyNews-list .first .t{ font-size:18px; font-weight:bold; color:#0d308a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hyNews-list .first .d{ color:#7D7D7D; padding:5px 0; display:inline-block;}
.hyNews-list .first .c{ color:#5A5A5A; line-height:22px; max-height:44px; overflow:hidden;}
.hyNews-list .item{ padding-top:18px;}
.hyNews-list .item li{ overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; margin-top:15px;}
.hyNews-list .item li span{ color:#9F9F9F; margin-right:10px;}
.hyNews-list .item li a{ color:#5A5A5A;}
.hyNews-list .item li a:hover{ color:#061d56;}


.hyFooter{ padding-bottom:30px; position:relative; border-top:5px #f1f1f1 solid;}
.hyFooter:before{ content:''; background:#0d308a; width:38%; height:5px; position:absolute; left:0; top:-5px;}
.hyFooter:after{ content:''; background:#e50014; width:90px; height:5px; position:absolute; left:38%; top:-5px;}
.hyFooter-logo{ width:350px; margin-top:15px;}
.hyFooter-contact{ max-width:460px; padding-top:30px;}
.hyFooter-contact .ct{ font-size:16px; font-weight:bold; position:relative; display:inline-block;}
.hyFooter-contact .ct:before{ content:''; background:#e50013; width:11px; height:11px; position:absolute; right:-16px; top:-7px;}
.hyFooter-contact .xt{ margin-top:10px;}
.hyFooter-contact .xt dd{ min-width:175px; float:left; line-height:24px; color:#5a5a5a;}
.hyFooter-code{ background:url(../images/code-bg.png) no-repeat; width:119px; height:166px; text-align:center; margin-top:-14px; padding-top:60px;}
.hyFooter-code img{ width:90px;}
.hyFooter-copy{ color:#5a5a5a; padding:10px 0; text-align:center; border-top:1px #ccc solid;}


/**关于我们**/
.pbanner{ background-position:center; background-size:cover; padding:150px 0 50px 0;}
.pbanner .iboxt{ max-width:465px; margin:auto; color:#fff; text-align:center; position:relative;}
.pbanner .iboxt:before{ content:''; background:#0047ff; width:18px; height:18px; position:absolute; left:-18px; top:-5px;}
.pbanner .iboxt:after{ content:''; background:#e50013; width:15px; height:11px; position:absolute; left:1px; top:10px;}
.pbanner .iboxt .sbtitle{ font-size:16px; font-weight:bold;}
.pbanner .iboxt .title{ font-size:26px; font-weight:bold; position:relative; padding:10px 0 30px 0; }
.pbanner .iboxt .title:before{ content:''; background:#fff; width:43px; height:4px; position:absolute; left:50%; margin-left:-21px; bottom:0;}
.pbanner .iboxt .text{ margin-top:20px; text-transform:uppercase;}


.padd{ background:#eaeaea; line-height:35px;}
.pmain{ padding:80px 0;}
.pmain-title{ text-align:center;}
.pmain-title .line{ background:#e50013; width:90px; height:10px; display:inline-block; position:relative;}
.pmain-title .line:before{ content:''; background:#0047ff; width:50%; height:11px; position:absolute; left:0; top:0;}
.pmain-title .cn{ font-size:26px; padding:20px 0 10px 0;}
.pmain-title .en{ color:#c1c1c1; text-transform:uppercase;}


.pabout-floor{ padding:80px 0; border-bottom:1px #d9d9d9 solid;}
.pabout-floor .figure{ width:450px;}
.pabout-floor .word{ width:calc(100% - 510px); }
.pabout-floor .word .t{ font-size:17px; font-weight:bold;}
.pabout-floor .word .c{ color:#434343; line-height:28px; text-align:justify; font-size:16px;}
.pabout-word{ margin-top:80px; line-height:22px; text-align:justify;}


/**新闻资讯**/
.pnews-menu{ text-align:center; margin-top:60px; font-size:0;}
.pnews-menu a{ background:#0d308a; min-width:140px; text-align:center; line-height:45px; display:inline-block; font-size:16px; vertical-align:top; position:relative; color:#fff;}
.pnews-menu a.active{ background:#e50013; }
.pnews-menu a.active:before{ content:''; background:#e50013; height:10px; width:100%; position:absolute; left:0; top:40px;}

.pnews-list{ margin-top:50px;}
.pnews-list li{ padding:20px 0; border-bottom:1px #e2e2e2 solid;}
.pnews-list li .t{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .d{ display:inline-block; color:#929292; padding:8px 0;}
.pnews-list li .c{ color:#5A5A5A; line-height:24px;}


.pnews-detaTop{ text-align:center; padding:70px 0 20px 0; border-bottom:1px #ccc solid;}
.pnews-detaTop .t{ font-size:20px; font-weight:bold; padding-bottom:20px;}
.pnews-detaTop .c span{ margin:0 15px; color:#8c8c8c;}
.pnews-detaInfo{ font-size:16px; line-height:28px; text-align:justify; color:#666; padding:30px 0;}
.pnews-detaPage{ font-size:12px; line-height:25px; color:#444;}


.ppage{ padding-top:40px; font-size:0; text-align:center;}
.ppage a{ line-height:26px; margin:0 3px; vertical-align:top; padding:0 11px; display:inline-block; font-size:14px; color:#888; border:1px #e6e6e6 solid;}
.ppage .nowpage{ background:#0d308a; line-height:26px; margin:0 3px; vertical-align:top; padding:0 11px; display:inline-block; font-size:14px; color:#fff; border:1px #0d308a solid;}
.ppage a:hover{ background:#0d308a; color:#fff; border-color:#0d308a;}



/**服务项目**/
.pproject-list{ margin-left:-20px; position:relative; padding-top:45px;}
.pproject-list li{ width:calc(25% - 20px); margin:30px 0 0 20px; float:left; display:inline-block; padding:15px; border:1px #eee solid;}
.pproject-list li .pic{ height:150px; position:relative;}
.pproject-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pproject-list li .tit{ font-size:16px; margin-top:15px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pproject-list li .label{ color:#e50013; display:inline-block; margin-top:5px; display:none;}
.pproject-list li .txt{ color:#5a5a5a; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}



/**网上预约**/
.pbook-tips{ max-width:510px; margin:auto; text-align:center; padding:40px 0 90px 0; font-size:14px; color:#b8b8b8;}
.pbook-cont{ width:1000px; margin:auto;}
.pbook-cont-figure{ width:413px;}
.pbook-cont-filed{ width:480px; padding-top:20px;}
.pbook-cont-filed li{ margin-top:34px; overflow:hidden;}
.pbook-cont-filed li label{ width:70px; float:left; line-height:40px; color:#5a5a5a;}
.pbook-cont-filed li .inpt{ background:#f7f7f7; width:calc(100% - 70px); height:40px; line-height:38px; font-size:12px; padding-left:5px; border:1px solid #dedede; border-radius:3px;}
.pbook-cont-filed li .area{ background:#f7f7f7; width:calc(100% - 70px); height:72px; line-height:20px; padding:5px; border:1px solid #dedede; border-radius:3px;}
.pbook-cont-filed li .btn{ background:#e50013;  width:calc(100% - 70px); height:40px; line-height:40px; display:inline-block; float:right; color:#fff; border-radius:3px; cursor:pointer;}


/**联系我们**/
.pcontact-list{ text-align:center; margin-top:90px;}
.pcontact-list li{ display:inline-block; vertical-align:top;}
.pcontact-list li .icon{ width:70px; display:inline-block; vertical-align:top;}
.pcontact-list li .tit{ font-size:14px; margin-top:50px; color:#5a5a5a;}
.pcontact-list li .txt{ color:#ccc; margin-top:10px; display:inline-block;}
.pcontact-list li:first-child{ float:left;}
.pcontact-list li:last-child{ float:right;}
.pcontact-map{ margin-top:80px;}




.menuBtn { display: none; width:50px; height:100%; position:absolute; right:0; top:0; cursor: pointer; z-index:105; }
.menuBtn .burger { display: block; width:35px; height:3px; position: absolute; left:5px; background:#fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 15px; }
.menuBtn .burger-2 { top: 26px; }
.menuBtn .burger-3 { top: 37px; }
.menuBtn.active .burger-1 { top: 26px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background:#fff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background:#fff }
.menuBtn.active .burger-3 { top: 26px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background:#fff; }
.menu-mark { width: 100%; height:100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top:0; z-index: 101; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width: 200px; position: fixed; display: none; right:0; top:53px; background:#0d308a; z-index: 102; }
.menu-list { padding: 20px 0 30px 30px; }
.menu-list li { margin-bottom:20px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size:17px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}