@charset "UTF-8";

.main{width:100%;margin:0 auto;max-width: 1220px;padding:0 20px;}
.main5{width: 100%;margin: 0 auto;max-width: 260px;margin-top: 4%;}
@media (max-width:1080px){
	.main{padding:0 3%;}
}
/* banner -top */
.banner-top{width: 100%;z-index: 5;}
.banner-top .img{width: 100%;height: 100%;overflow: hidden;position: relative;}
.banner-top .img img{width: 100%;height: 100%;display: block;object-fit: cover;}
.banner-top .img h4{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.banner-top .img h4{font-family: "微软雅黑";font-weight: bold;color: #fff;font-size: 24px;line-height: 24px;}
.banner-top .img h4 span{border-bottom: 1px solid #fff;padding: 10px 0;}
.iconfont{float: right;}
@media (max-width:1280px) {
	.banner-top .img h4{font-size: 20px;}
	.banner-top .img h4 span{padding: 15px 0;}
}
@media (max-width:1080px) {
	.banner-top .img img{min-height: 200px;}
	.banner-top .img h4{font-size: 18px;}
	.banner-top .img h4 span{padding: 10px 0;}
}
@media (max-width:450px) {
	.banner-top .img img{min-height: 110px;}
	.banner-top .img h4 span{padding: 4px 0;border-bottom: 2px solid #fff;}
}

/* 联系 */
.top{width: 100%;height: 46px;line-height: 46px;background: #004097;font-size: 14px;color: #fff;}
.top img{margin-right: 10px;display:inline-block;max-width: 100%;}
.top .line{float: left;color: #2f75d5;margin: 0 15px;}
.top .phone{float: left;margin-right: 10px;}
.top .email{float: left;margin-left: 10px;margin-right: 30px;}
.top .email a{color: #fff;}
.top .QR{float: left;}
.top .CH{float: right;}
.top .CH a{display: block;}
.top .CH img{margin-top: -6px;}
.headerMenu.open .CH a{color: #fff;}
.top2{height: 80px;width: 100%;}
@media (max-width:1080px){
	.top{display: none;}
	.top2{height: 48px;}
}

/* 导航 */
.scroll{background-color: #fff!important;top: 0;}
.headerMenu{width: 100%;position: fixed;top: 0;height:80px;z-index: 99;transition: all 1s;-webkit-transition: all 1s;}
.header-logo{float: left;width: auto;height: 62px;margin-top:9px;}
.header-logo a{float: left;height: 100%;}
.header-logo a img{display: block;max-height: 100%;}
.headerMenu.open{background: #fff;}
.headerMenu .CH{display: block;float:right;width: 28px;height: 28px;text-align: center;background: #004097;border-radius: 50%;margin: 26px 0 26px 70px;}
.headerMenu .CH a{color: #fff;line-height: 28px;font-size: 14px;display: block;width:100%;}
.headerMenu.scroll{box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
@media (max-width:1080px){
	.headerMenu{height: 48px;}
	.headerMenu .CH{display: block;margin: 8px 10px;}
	.header-logo{height: 36px;margin-top:6px;}
}

/* 面包屑 */
.nav-second{width: 100%;background: #f8f8f8;}
.nav-second .nav-text{max-width: 1200px;margin: 0 auto;display: flex;padding: 20px;}
.nav-second .nav-text h3{color: #004097;font-size: 18px;line-height: 30px;font-family: "微软雅黑";}


/* 手机列表 */
.icon-nav-btn{display: none; float: right;width: 32px;height: 20px;margin-top: 12px;cursor: pointer;text-align: center;margin-left: 0px;}
.icon-nav-btn a{display:block;width: 100%;height: 100%;z-index: 1003;position: relative;}
.icon-nav-btn a i{width: 24px;height: 2px;position: absolute;left: 4px;top: 0;background-color: #fff;border-radius: 2px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.icon-nav-btn a i.line02{top: 9px;opacity: 1;}
.icon-nav-btn a i.line03{top: 18px;}
.icon-nav-btn.open a i{background: #333;}
@media (max-width:1080px) {
	.icon-nav-btn{display: block;}
	.headerMenu .icon-nav-btn a i{background: #333;}
	.icon-nav-btn.open a i.line01{transform: rotate(45deg);top:9px}
	.icon-nav-btn.open a i.line02{opacity: 0;}
	.icon-nav-btn.open a i.line03{transform: rotate(-45deg);top:9px}
}


/* 列表 */
.header-nav{float: left;}
.header-nav ul{float: left;display: flex;justify-content: space-around;margin-left: 40px;line-height: 40px;}
.header-nav li a{display: block;width: 100%;}
.header-nav .in1 a{text-align: center;}
.header-nav li{float: left;width: 100px;position: relative;font-family: "微软雅黑";}
.header-nav li h3{float: left;width: 100%;text-align: center;z-index: 99;}
.header-nav li h3 a{float:left;display: block;width: 100%;font-size: 16px;color: #333;line-height: 80px;text-align: left;}
/* .header-nav ul li:hover{border-bottom: 1px solid #fff;}  */
.headerMenu.scroll .header-nav li h3 a{color: #333;}
.sec-nav dl{opacity: 0;width: 150px;position: absolute;top: -1000%;border-top: 2px solid #004097;padding: 12px 15px 14px 10px;background:#fff;
	-webkit-transition: all 0.6s;transition: all 0.6s;-webkit-transition: opacity 0.6s linear;
      -moz-transition: opacity 0.6s linear;
      -o-transition: opacity 0.6s linear;
      transition: opacity 0.6s linear;
      opacity:0;
      filter:alpha(opacity=0);}
/* .sec-nav dl dd:not(:last-child){margin-bottom: 20px;} */
.sec-nav dl dd a{display:block;font-size:16px;color: #0075C9;line-height: 32px;}
.header-nav li h3:hover a{color: #004097;}
.header-nav li h3:hover+.sec-nav dl{opacity: 1;top:100%;display: block;filter:alpha(opacity=1);}
.header-nav li .sec-nav dl:hover{opacity: 1;top:100%;display: block;filter:alpha(opacity=1);}
.sec-nav dl dd a:hover{font-weight: bold;}

.header-search-btn{display:none;cursor: pointer;width:30px;height:30px;padding:5px;float:right;margin-top:7px;}
.header-search-btn img{display:block;width:100%;}
.search-box{float:right;display:block;width:220px;border:#333 solid 1px;background: #fff;border-radius:2px;margin-top:25px;}
.search-box input.search-input{float:left;width:158px;background:none;outline:none;border:none;border-right:#333 solid 1px;height:28px;font-size:14px;color:#333;line-height:28px;cursor:pointer;padding-left:20px;}
.search-box input.search-btn{float:right;width:60px;outline:none;border:none;height:28px;line-height:28px;cursor:pointer;background:url(../images/search3.png) no-repeat center;background-size:20px;}
.headerMenu.scroll .search-box{border: #333 solid 1px;}
.headerMenu .search-box input.search-input{border-right: 1px solid #333;}
.headerMenu .search-box input.search-btn{background: url(../images/search3.png)no-repeat center;}
.headerMenu .search-box input::-webkit-input-placeholder {color: #333;}
.headerMenu .search-box input:-moz-placeholder{color: #333;}
.headerMenu .search-box input::-moz-placeholder{color: #333;}
.headerMenu .search-box input:-ms-input-placeholder {color: #333;}
.headerMenu.open .header-search-btn{background: url(../images/search3.png)no-repeat center;}
.headerMenu.open .header-search-btn img{display: none;}
@media (max-width:1405px){
	.header-main .header-nav li{width: 100px;}
}
@media (max-width:1201px){
	.header-main .header-nav li{width: 80px;}
}
@media (max-width:1080px){
	.sec-nav dl{display: none;}
	.headerMenu.scroll.open .header-nav li h3 a{color: #fff;}
	.headerMenu .header-search-btn img{display: none;}
	.headerMenu .header-search-btn {background: url(../images/search3.png)no-repeat center;}
	.header-nav li h3:hover+.sec-nav dl{opacity: 0;}
	.header-nav{width: 100%;height: calc(100vh - 48px);overflow-y:auto ;background: rgba(0,64,151,0.9);position: fixed;left: 0;top: -120%;z-index: 1000;margin: -2px 0;padding: 60px 4%;}
	.header-nav ul{width: 100%;margin-left: 0;margin-top: 0;flex-direction: column;justify-content: flex-start;}
	.header-nav li{width: 100%;}
	.header-nav li h3 a{float:left;width: 100%;font-size: 16px;color: #fff;line-height: 64px;-webkit-transform: all 0.2s;text-align: center;font-weight: bold;}
	.headerMenu.open.scroll{height: 48px;}
	.header-nav li:hover .sec-nav dl{display:none;}

	.header-search-btn{display:block;}
	.search-box{position: absolute;top:48px;right:48px;box-shadow: 0 0 10px;;margin-top:0;display:none;border: #fff solid 1px;z-index: 10;}
	.headerMenu.scroll .search-box{box-shadow: 0 0 10px;}
	/* .headerMenu .search-box input.search-input{border-right: 1px solid #fff;}
	.headerMenu .search-box input::-webkit-input-placeholder {color: #fff;}
	.headerMenu .search-box input:-moz-placeholder{color: #fff;}
	.headerMenu .search-box input::-moz-placeholder{color: #fff;}
	.headerMenu .search-box input:-ms-input-placeholder {color: #fff;} */
	.headerMenu .search-box input.search-btn{background: url(../images/search3.png)no-repeat center;}
}
@media (max-width:772px){
	.headerMenu.open{background-color:fff;height:48px;}
}
@media (max-width:768px){
	.headerMenu .header-main .icon-nav-btn{margin-top: 17px;}
}


/* 底部 */
.footer{width:100%;background: #21242e;position: relative;padding:58px 0 50px;}
.footer-nav{float:left;}
.footer-nav dl{float:left;width:128px;}
.footer-nav dl dt{font-size:16px;color:#fff;line-height:20px;margin-bottom:16px;font-weight:bold;}
.footer-nav dl dt i{display:none;width:48px;height:48px;background:url(../images/icon-down01.png) no-repeat center;background-size:16px;         transition:all 0.2s;-webkit-transition:all 0.2s;}
.footer-nav dl dd a{font-size:14px;color:#8f959f;display: block;margin-bottom: 10px;line-height:16px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.footer-nav dl dd a:hover{color:#fff;}

.footer-contact{float:right;width:45%;max-width: 340px}
.footer-contact .address{padding-left:44px;width:100%;float:left;background:url(../images/address.png) no-repeat left center;font-size:16px;color:#fff;line-height:22px;margin-bottom:28px;}
.footer-icon{float:left;width:100%;}
.footer-icon .icon{float:left;width:55px;margin-right:30px;}
.footer-icon .icon a img{display:block!important;max-width: 100%;}
.footer-icon .icon a{width: 100%;height: 100%;display: block;}

.icon{position: relative;}
.icon .iconx{visibility:hidden;opacity: 0;position: absolute;top:66px;transition:all 0.4s linear;-webkit-transition:all 0.4s linear;transition: 0.4s linear;}
.icon a:hover + .iconx{visibility: inherit;opacity: 1;}
.icon .iconx:hover {visibility: inherit;opacity: 1;}

.icon-box1{padding: 20px 12px;background: #fff;border-radius: 5px;float: left;}
.icon-box1 .tit{font-size: 16px;line-height: 30px;font-family: "微软雅黑";}
.icon-box1 .name{font-size: 18px;font-weight: bold;font-family: "Arial";line-height: 20px;white-space: nowrap;}
.icon-box2{background: #fff;bottom:365%;position: absolute;width: 100%;}
.icon-box2 img{padding: 10px;border-radius: 5px;background: #fff;}
.icon-box3{padding: 20px 12px;background: #fff;border-radius: 5px;float: left;}
.icon-box3 .tit{font-size: 16px;line-height: 30px;font-family: "微软雅黑";}
.icon-box3 .name{font-size: 18px;line-height: 26px;font-weight: bold;font-family: "Arial";line-height: 18px;white-space: nowrap;}


.copyright{border-top:#3b3f49 solid 1px;background: #21242e;padding:22px 0;font-size:14px;color:#ccc;line-height:24px;text-align:center;font-family:"Arial";}
.copyright a{font-size:14px;color:#ccc;line-height:24px;}

@media (max-width:1080px){
	.footer{padding:40px 0;}
	.footer-nav{width:100%;}
    .footer-nav dl{width:100%;}
	.icon .iconx{position: absolute;top:-100px;z-index: 6;}
    .iconx.icon-box2{top:-162px;}
	.footer-nav dl dt{margin-bottom:0px;border-bottom:#394668 solid 1px;line-height:48px;cursor:pointer;font-weight:normal;}
    .footer-nav dl dt i{display:block;float:right;}
    .footer-nav dl dd{display:none;padding:0 2.5% 0 28px;}
    .footer-nav dl dd a{font-size:14px;line-height:36px;height:36px;margin-top:8px;text-align:left;}

    .footer-contact{width:100%;max-width:100%;margin-top:40px;}
	.footer-contact .address{padding-left:32px;background-size:20px;font-size:14px;margin-bottom:20px;}
	.footer-icon .icon{width:40px;margin-right:20px;}

	.copyright{padding:12px;font-size:12px;line-height:20px;}
	.copyright a{font-size:12px;line-height:20px;}
}

/* 固定右侧 联系 */
/* ¹Ì¶¨Ðü¸¡ */
.fixed{width: 50px;position: fixed;right: 20px;top: 400px;z-index: 3;box-shadow:10px 10px 15px rgba(0,0,0,0.2);background: #FFFFFF;border-radius: 5px;}
.fixed a{width: 50px;height: 50px;display: block;text-align: center;}
.fixed a img{transform: translateY(15px);}
.fixed2 .name a{width: 100%;height: 20px;white-space: nowrap;}

/* µç»° */
.fixed .img1{position: relative;width: 50px;height: 50px;}
.fixed .img1:hover .fixed2{visibility: inherit;opacity: 1;}
.fixed2:hover{visibility: inherit;opacity: 1;}
/* 微信二维码 */
.fixed .img2{position: relative;width: 50px;height: 50px;}
.fixed .img2:hover .fixed22{visibility: inherit;opacity: 1;}
.fixed22{padding: 10px;background: #fff;opacity: 0;position: fixed;top: 430px;right: 80px;visibility: hidden;z-index: 999;border-radius: 5px;transition: all .8s linear;-webkit-transition: all .8s linear;}
.fixed22:hover{visibility: inherit;opacity: 1;}
.fixed22 img{display: block;max-width: 100%;}

/* ÓÊÏä */
.fixed .img3{position: relative;width: 50px;height: 50px;}
.fixed .img3:hover .fixed23{visibility: inherit;opacity: 1;}
.fixed23{width: 176px;padding: 20px 12px;opacity: 0;background: #fff;position: fixed;top: 470px;right: 80px;visibility: hidden;z-index: 999;border-radius: 5px;transition: all .8s linear;-webkit-transition: all .8s linear;}
.fixed23 .tit{font-size: 16px;line-height: 30px;font-family: "微软雅黑";}
.fixed23 .name a{font-size: 18px;line-height: 24px;font-weight: bold;font-family: "Arial";line-height: 18px;white-space: nowrap;}
.fixed23 .name a{height: 20px;}
.fixed23:hover{visibility: inherit;opacity: 1;}

.fixed2{padding: 20px 12px;opacity: 0;background: #fff;position: fixed;top: 400px;right: 80px;visibility: hidden;z-index: 999;border-radius: 5px;transition: all .8s linear;-webkit-transition: all .8s linear;}
.fixed2 .tit{font-size: 16px;line-height: 30px;font-family: "微软雅黑";}
.fixed2 .name{font-size: 18px;line-height: 26px;font-weight: bold;font-family: "Arial";line-height: 18px;}
@media (max-width:400px) {
	.fixed{top: 200px;right: 6px;}
	.fixed2{top: 200px;right: 60px;}
	.fixed22{top: 230px;right: 60px;}
	.fixed23{top: 270px;right: 60px;}
}