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


.header{ height: 100px; padding: 0px; width: 100%; position:absolute; z-index: 60; transition: all 0.5s ease-out; }
.headerShow,.header:hover{visibility:visible!important; opacity:1!important; background: #1c4890; box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06);}

.header .container {display: flex; align-items: center;justify-content: space-between;}

.logo{ float: left; position:relative; transition:all 0.5s ease-out; }

.logo img{ transition:all 0.5s ease-in-out; height:49px; width:auto}

.logo img.iOpacity{position:absolute; left:0; top:0;}

.pcNav{ float: left; padding-left: 45px; white-space:nowrap;}

.pcNav ul li{float:left; position:relative;}

.nav_a{position: relative;display: inline-block;padding: 0px 0.3rem;line-height: 100px;color: #FFF;font-size: 19px;}

.nav_a::before {
    transition: 0.4s;
    opacity: 0;
    content: '';
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.32rem;
    height: 2px;
    background: #fff;
}
.nav_a:hover{ font-weight:bold;}
.nav_a:hover::before,
.nav_a.on::before { opacity: 1; bottom: 0.22rem;}




.navRx{ float:right;}
.nav_a2{ color: #FFF; line-height: 100px; font-size: 16px; margin-right: 38px; float:left }
.navSerBox{ background: url(../images/top_i2.png) no-repeat center center; float: left; width: 24px; cursor: pointer; height: 100px; transition:all 0.5s ease-out }

.lanBox{background: url(../images/top_i1.png) no-repeat left center;height: 100px;/* width: 63px; */float: left;margin-right: 30px;transition:all 0.5s ease-out;position:relative;cursor:pointer;line-height: 100px;color: #fff;padding-left: 30px;}
.lanBox:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:-18px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out;}
.lanBox.on:after{ transform:translateY(-50%) rotate(180deg);}
.headerShow .lanBox:after,.headerFixed .lanBox:after,.header:hover .lanBox:after{ border-top:5px solid #333;}
.lanList:before{content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #515151; position:absolute; left:50%; top:-8px; margin-left:-8px;}
.lanList{ position:absolute; width:112px; top:81px; left:50%; transform:translateX(-50%); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}
.lanList.on{visibility:visible; opacity:1;}
.lan_a,.lan_a:hover{ height:30px; display:block; text-align:center; background:#515151; margin-bottom:1px; color:#fff!important; line-height:30px;}

.navLayer{width:100%;min-width: 170px;background:rgba(255,255,255,1);position:absolute;left: 50%;top: calc(100%  + 10px);transition:all 0.5s ease-out;opacity:0;visibility:hidden;transform:translate(-50%,30px);border-radius:10px;}


.navLayer::after {
    transition: 0.4s;
    opacity: 1;
    content: '';
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.3));
    z-index: 2;
}

.pcNav li:hover .navLayer{opacity:1; visibility:visible; transform:translate(-50%,0);}
.pcNav li:nth-child(3):hover .navLayer::after,.pcNav li:nth-child(5):hover .navLayer::after,.pcNav li:nth-child(7):hover .navLayer::after { opacity:0;}

.navSubmenu{ }
.navSubmenu dd:nth-child(1){ margin-top:10px;}
.navSubmenu dd:last-child{ margin-bottom:10px;}



.navSubmenu dd{ width: 100%; text-align: center;height: 41px; line-height: 41px; }

.subNav_a{  font-size: 18px; color:#333; line-height: 41px; display:block; height: 41px; transition:all 0.6s ease-in-out; }
.subNav_a:hover{ background:rgba(35 ,129 ,195, 0.1); color:#333!important;}



.pcNav ul li .item{width:50%;display:block; margin:10px 20px 20px;}
.pcNav ul li .item a.nav_pro_t{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pcNav ul li .item a.nav_pro_t svg{width:20px;height:20px;color:#005aac;margin-right:10px}
.pcNav ul li .item a.nav_pro_t span{font-size:14px;color:#005aac}
.pcNav ul li .item .nav_pro_list{margin-top:5px}
.pcNav ul li .item .nav_pro_list>ul{margin:0 -10px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pcNav ul li .item .nav_pro_list>ul>li{list-style:none;padding:0 10px;width:100%;line-height: 36px;}
.pcNav ul li .item .nav_pro_list>ul>li a{font-size:14px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.5s;transition:all 0.5s}
.pcNav ul li .item .nav_pro_list>ul>li a span{white-space:nowrap}
.pcNav ul li .item .nav_pro_list>ul>li a svg{width:10px;height:10px;color:#666;-webkit-transition:all 0.5s;transition:all 0.5s}
.pcNav ul li .item .nav_pro_list>ul>li a:hover{color:#005aac}
.pcNav ul li .item .nav_pro_list>ul>li a:hover svg{color:#005aac}

.navLayCon1 {max-width: 1300px;padding: 0 5px;width: 100%;margin: 0 auto;
}



.headerFixed{ position:fixed;}

.headerFixed .lanBox{color: #333;}


.headerShow .logo img,.header:hover .logo img{opacity:0}
.headerShow .logo img.iOpacity,.header:hover .logo img.iOpacity{opacity:1;}


.headerShow a:hover,.header:hover a:hover{ color: #fff; }

.headerShow .navSerBox,.header:hover .navSerBox{ background: url(../images/top_i2a.png) no-repeat center center; }

.headerShow .lanBox,.header:hover .lanBox{color: #333;background: url(../images/top_i1a.png) no-repeat left center;}




/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}

@media (max-width:1199px){
.header{display:none;}

.mHeader{height:58px;background: rgba(0, 0 ,0 ,0.25);position:fixed;left:0;top:0;width:100%;padding:0 15px;z-index:99;box-shadow:0 1px 3px 2px rgba(0,0,0,0.06);display:block;}

.mOpenBtn{ width:26px; height:18px; position:absolute; right:15px; top:50%; margin-top:-9px; overflow:hidden; cursor:pointer}

.mOpenBtn i{width:30px;height:2px;margin-bottom:6px;background: #1662b7;display:block;}

.mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(100%); transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:#000; background-size:cover; }

.mMmenuLay{position: fixed;height: 100%;left: 70px;top: 0px;right: 0px;bottom: 0px;z-index: 950;overflow-y: auto;color: #fff;font-size: 14px;box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06);padding: 25px;transition: all 0.5s ease-in-out;opacity: 0;transform: translateX(100%);transition-delay: 0.2s;display: block;background: #1662b7;background-size: cover;}

.mCloseBtn{ background: url(../images/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; left: 15px; top: 15px; cursor: pointer; z-index: 950; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; }

.mLogo{float:left;}

.mLogo img{height: 38px;width:auto;margin-top: 10px;}

.mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;}

.mLogo span,.mLogo img{vertical-align:middle;}

.mMmenuLay dt{position:relative; position:relative;}

.mMenu_a1{font-size:15px; font-weight:bold; color:#fff; padding:0 48px 0 6px; display:block; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.3);}

.mMenu_a2{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;}

.mToggle{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../images/mhead_i1.png) no-repeat center center; cursor: pointer; display:none }

.mToggle2{ background: url(../images/reduce.jpg) no-repeat center center; }

.mMmenuLay dd{display:none;}

.mMenu_a1:hover,.mMenu_a2:hover{color:#fff; opacity:0.8}

.mMenu_icon1{ background: url(../images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; }

.mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;}

.mMenuLayBg.on{opacity:0.3; transform:translateX(0%); transition-delay:0.2s}

.mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}

.mCloseBtn.on{opacity:1; transform:rotate(360deg);}

}

/* end */




/******底部*********/
.footer { position:relative; width:100%;background-color: #f7f7f7;}
.footer .top-block {position:relative; padding: 5vw 0;}
.footer .top-block .flex { position: relative; display: flex;flex-wrap:wrap; align-items: center; justify-content: space-between;}
.footer .f_logo { width:30%; max-width:300px;}
.footer .f_logo .img-box{ width:286px; margin:0 auto}
.footer .f_logo img { display: block; width: 100%;}

.footer .box{ width:65%;}
.footer .box .link { margin: 0.2rem 0px;}
.footer .box .link a {font-size:0.24rem;color:#1d1d1f;transition: color .6s ease;font-weight: lighter;}
.footer .box .link a:hover {color:#000000;}


.footer .box .bot_lx{}
.footer .box .bot_lx p{ width:65%; line-height:65px; font-size:18px; color:#333333;}
.footer .box .bot_lx p:nth-child(1){ width:35%;}
.footer .box .bot_lx p:nth-child(3){ width:35%;}



/*******banquan*********/
.footer .bot-block { padding:0.4rem 0; border-top: 1px solid #e4e4e7; display: flex;align-items: center; justify-content: space-between;font-size: 0;}
.footer .bot-block p { text-align: center; line-height:1.8;}
.footer .bot-block p span, .footer .bot-block p a { display: inline-block; vertical-align: middle; font-size: 16px; color: #666666;}
.footer .bot-block p a { margin-left: 0.6rem;}
.footer .bot-block p a:hover { color: #000000;}


.footer_backTop{position:absolute; right:5%; bottom:5vw;}
.footer_backTop>a {background:#1d1d1f;color: #fff;display: block;text-align: center;width: 0.8rem;height:0.8rem;line-height: 1.1rem; border-radius:8px; font-size:0.24rem;text-transform: uppercase;-webkit-transition: cubic-bezier(.4,.4,0,1) 0.6s;transition: cubic-bezier(.4,.4,0,1) 0.6s;}
.footer_backTop>a:before {content: '';position: absolute;height: 26px;bottom: 65%;z-index: 2;width: 2px;background-color: #fff;left: 50%;}
.footer_backTop>a:after {content: '';position: absolute;height: 26px;bottom: 100%;z-index: 1;width: 2px;background-color: #1d1d1f;left: 50%;}
.footer_backTop>a:hover{border-radius:50%;-webkit-border-radius:50%;}


@media (max-width:769px){
	.footer .f_logo { width:100%; max-width:769px;}
	.footer .f_logo .img-box { width: 240px; margin: 0 auto;}
	.footer .box {width: 100%; margin-top:20px;}
	.footer .box .link a {font-size: 18px; font-weight:normal; line-height:2;}
	.footer .box .bot_lx p{ width:100%; line-height:2; font-size:16px; color:#333333;}
	.footer .box .bot_lx p:nth-child(1){ width:100%;}
	.footer .box .bot_lx p:nth-child(3){ width:100%;}
	.footer .top-block { position: relative;padding: 5vw 0 10vw;}
	.footer .bot-block p span, .footer .bot-block p a { display: block;}
	.footer .bot-block p a { margin-left: 0rem;}

}



/*悬浮窗口*/
.hang{position: fixed;z-index: 50;top: 50%;right: 0px;transform: translateY(-50%);}
.hang ._list{background-color: rgba(255, 255, 255, 0.75);width:0.65rem;line-height: 1;
border-bottom-left-radius: 24px;border-top-left-radius: 24px;box-shadow:0 0 15px rgba(22,98,183,0.2);}
.hang ._list ._item{position: relative;}
.hang ._list ._item>a{display: block;width: 100%;padding: .14rem 0;text-align: center;color:#5c8ec5;font-size: .28rem;transition: color .3s ease;}
.hang ._list ._item ._info{position: absolute;top:50%;right:0.65rem;opacity:0;visibility:hidden; border-radius:15px;
box-shadow: 0 0 3px 3px rgba(22,98,183,0.1);transform:translate(-25px,-50%);
background-color:#fff;transition:all .3s ease-in-out;}
.hang ._list ._item ._info::before{content: ""; position: absolute;right:-5px; top:50%;bottom:0;
 width:10px; height: 10px; transform:translateY(-50%) rotate(45deg); background: #fff;box-shadow:3px -3px 3px rgba(22,98,183,0.1);}
.hang ._list ._item ._info.tel{display: flex;height:100%;white-space: nowrap;align-items: center;padding: 0 .2rem;}
.hang ._list ._item ._info.tel a{color:#1c4890;}
.hang ._list ._item ._info.code{width:1.5rem;}
.hang ._list ._item ._info.code>img{width:100%;}
.hang ._list ._item:hover ._info{transform: translate(-20px,-50%);opacity: 1;visibility: visible;}
.hang ._list ._item:hover>a{color:#1c4890;}