@import url("new.css");
.header .strip{
    width: 100%;
    height: 40px;
    background: #f2f2f2;
}
.min-width{
    width: 1400px;
    margin: 0 auto;
}
.strip .min-width{
    display: flex;
    justify-content: space-between;
   align-items: center;
   height: 100%;
}
.strip .welcome{
    color: #999999;
    font-size: 14px;
}
.strip .nav{
    display: inline-flex;
    position: relative;
}
.strip .nav span,
.strip .nav>a{
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    margin: 0 0 0 20px;
}
.strip .nav span a {    color: #999999;}
.strip .nav span:hover,
.strip .nav>a:hover{
    text-decoration: underline;
}
.strip .nav span:nth-child(2){
    display: inline-flex;
    align-items: center;
}
.strip .nav span:nth-child(2)::after{
    content: '';
    width: 1px;
    height: 100%;
    display: inline-block;
    background: #999;
    margin-left: 20px;
}
.strip .nav span:nth-child(1){
    margin: 0 0 0 0px;
}
.strip .nav span:nth-child(3),
.strip .nav span:nth-child(4){
    display:inline-flex;
    align-items: center;
}
.strip .nav span:nth-child(3)::after,
.strip .nav span:nth-child(4)::after{
    content: '';
    width: 10px;
    height: 5px;
    margin-left:10px;
    background: url(../images/Arrow_down.png) no-repeat center/ 10px 5px;
}
.strip .nav .service{
    background: #fff;
    border: 1px solid #999;
    position: absolute;
    top: 21px;
    left: 132px;
    padding: 5px 10px;
    display: none;
}
.strip .nav .map{
    background: #fff;
    border: 1px solid #999;
    position: absolute;
    top: 21px;
    left: 229px;
    padding: 5px 10px;
    display: none;
}
.strip .nav .drop-down li{
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-bottom: 10px;
}
.strip .nav .drop-down li a{
    font-size: 14px;
    color: #999999;
    
}
.strip .nav .drop-down li a:hover{
    text-decoration: underline;
}

.strip .nav{ height:40px; line-height:40px;}
.strip .nav span:hover,.strip .nav>a:hover{color: #005dab;}
.strip .nav span:nth-child(2)::after{ height: 19px;}
.strip .nav .mapdh{background:#fff;border:1px solid #005dab;position:absolute;top:40px;right:0;padding:5px 10px;z-index:3333;width:448px;height:auto;display:none;cursor:default;border-radius:3px; padding-bottom:15px;}
.strip .nav .drop-downdh dl{ margin-bottom:9px; position:relative; }
.strip .nav .drop-downdh dl:first-child:after{content:""; position:absolute; right:96px; top:-13px; width:11px; height:8px; background:url(../images/xin/dh-jiao.png) no-repeat;}
.strip .nav .drop-downdh dl dt{color:#333333; font-size:14px; line-height:35px; position:relative; padding-left:12px; font-weight:bold;}
.strip .nav .drop-downdh dl dt:after{content:""; position:absolute; left:0; top:10px; width:2px;height:15px;background-color:#005dab; }
.strip .nav .drop-downdh dl dd{ float:left; color:#666666; font-size:14px; line-height:28px; height:28px;margin-right:15px;}
.strip .nav .drop-downdh dl dd a {color:#666666;}
.strip .nav .drop-downdh dl dd a:hover { color:#005dab; text-decoration:underline;}
.strip .nav .drop-downbz.drop-downbz dl:first-child:after{ right:193px;}
.strip .nav .drop-downbz.drop-downbz img { display:block; margin:0 auto;}

.header .top{
    width: 100%;
    box-shadow: 0 0 5px #f5f5f5;
    
    
}
.header .top .min-width{
    display: flex;
    align-items: flex-end;
    padding: 25px 0;
}
.header .top .min-width .nav a{
    margin: 0 16px 19px;
    font-size: 16px;
    color: #595757;
    position: relative;
    transition: color .5s;
}
.header .top .min-width .nav{
    flex: 1;
}
.header .top .min-width .nav a::after,
.header .top .min-width .nav a.on::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -14px;
    width: 0;
    height: 5px;
    border-radius: 2.5px;
    background: #005dab;
    transition: all 0.3s;
    transform: translate(-50%,0);
}
.header .top .min-width .nav {
    margin-left: 25px;
    display: inline-flex;
}
.header .top .min-width .nav a:hover::after,
.header .top .min-width .nav a.on::after{
    width: 100%;
}
.header .top .min-width .nav a:hover,
.header .top .min-width .nav a.on{
    color: #005dab;
	font-weight:bold;
}

#nav_line a { position:relative;}
#nav_line a i.nav_jifen { position:absolute; right:-13px; top:-13px;  background:url("/new2020/images/icon-jifen.png") no-repeat center center; background-size:100% 100%; width:18px; height:18px;} 
				
.login{
    margin-bottom: 19px;
}
.login .icon{
    display: flex;
}
.login .icon a{
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
}

.login .icon a:nth-child(1){
    background-image:url(../images/icon1.png) ;
}
.login .icon a:nth-child(1):hover{
    background-image:url(../images/icon1@2x.png);
}

.login .icon a:nth-child(1).message { position:relative;}
.login .icon a:nth-child(1).message.active {background-image: url(../images/icon1yellow.png);}
.login .icon a:nth-child(1).message i { display:block; position:absolute; right:-10px; top:-3px; width:14px; height:14px; background-color:#dc1010; text-align:center; color:#FFF; font-size:12px; line-height:14px; border-radius:50%;}

.login .icon a:nth-child(2){
    margin: 0 17px;
    background-image:url(../images/icon2.png) ;
}
.login .icon a:nth-child(2):hover{
    background-image:url(../images/icon2@2x.png) ;
}

.login .icon a:nth-child(2).jifen{ width:25px; height:25px; margin:0 17px; margin-top:-2px; background-image:url(../images/icon-jifen.png);background-size:100% auto}
.login .icon a:nth-child(2).jifen:hover{background-image:url(../images/icon-jifen2.png);background-size:100% auto}


.login .icon a:nth-child(3){
    background-image:url(../images/icon3.png) ;
}
.login .icon a:nth-child(3):hover{
    background-image:url(../images/icon3@2x.png) ;
}
.login .dl{
    display: flex;
    justify-content: space-between;
    margin-top: 16px;

}

.login .dl font{
    display: block;
	min-width:97px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	line-height:19px;
}

.login .dl font i { display:inline-block; width:50px; height:14px;  margin-left:7px; }
.login .dl font i.zu2 { background:url(../images/xin/zu-geren1.png) no-repeat center center;}
.login .dl font i.zu2:hover { background:url(../images/xin/zu-geren2.png) no-repeat center center;}
.login .dl font i.zu3 { background:url(../images/xin/zu-jigou1.png) no-repeat center center;}
.login .dl font i.zu3_1 { background:url(../images/xin/zu-jigou2.png) no-repeat center center;}

.login .dl font i.zu33 { background:url(../images/xin/zu-shangjia1.png) no-repeat center center;}
.login .dl font i.zu33:hover { background:url(../images/xin/zu-shangjia2.png) no-repeat center center;}


.login .dl a{
    color: #595757;
    font-size: 14px;
    transition: color .5s;
	cursor:pointer;
}
.login .dl a:hover{
    color: #005dab;
}
.login .dl span{
    width: 1px;
    height: 18px;
    background: #595757;
}


.footer-wrap{
    margin-top: 30px;
}
.footer-wrap .footer{
    background: #333;
    width: 100%;
}
.footer-wrap .footer .min-width{
    display: flex;
    justify-content: space-between;
    padding: 37px 0 40px 0;
}
.footer-wrap .footer .footer-nav{
    display: flex;
   
}
.footer-wrap .footer dl{
    margin-right: 47px;
}
.footer-wrap .footer dl dd a{
    color: #808080;
    font-size: 14px;
}
.footer-wrap .footer dl dt a{
    color: #808080;
    font-size: 20px;
}
.footer-wrap .footer dl dt a:hover{
    color: #b3b3b3;
}
.footer-wrap .footer dl dd a:hover{
    color: #b3b3b3;
    text-decoration: underline;
}
.footer-wrap .footer dl dt{
    margin-bottom: 10px;
    padding-bottom:15px ;
    position: relative;
}
.footer-wrap .footer dl dt::after{
    content: '';
    display: block;
    width: 47px;
    height: 5px;
    background: #808080;
    position: absolute;
    left: 0;
    bottom: 0;
}
.footer-wrap .footer dl dd{
    margin-bottom: 7px;
}
.footer-details{
    display: flex;
    flex-wrap: wrap;
    width: 397px;
    align-content: start;
}
.foot-contact{
    width: 123px;
}
.foot-contact .foot-qr{
    width: 100%;
}
.foot-contact .foot-qr img{
    width: 100%;
}
.foot-contact .foot-qr p{
    color: #808080;
    font-size: 12px;
    text-align: center;
}
.foot-contact .row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.foot-contact .row a{
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 19px;
}
.foot-contact .row a:nth-child(1){
    background-image: url(../images/icon29.png);
}
.foot-contact .row a:nth-child(2){
    background-image: url(../images/icon30.png);
}
.foot-contact .row a:nth-child(3){
    background-image: url(../images/icon31.png);
}
.foot-contact .row a:nth-child(1):hover{
    background-image: url(../images/icon29@2x.png);
}
.foot-contact .row a:nth-child(2):hover{
    background-image: url(../images/icon30@2x.png);
}
.foot-contact .row a:nth-child(3):hover{
    background-image: url(../images/icon31@2x.png);
}
.foot-contact2 {
    margin-left: 60px;
}
.foot-contact2 p{
    font-size: 14px;
    color: #808080;
    margin-top: 15px;
    text-align: right;
}
.foot-addr{
    font-size: 12px;
    color: #808080;
    margin-top: 15px;
    text-align: right;
    width: 100%;
	padding-right:17px;
}
.foot-contact2 img{
    margin-bottom: 10px;
}
.foot-strip{
    background: #808080;
}
.foot-strip .min-width{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:  9px 0;
}
.foot-strip .item{
    display: inline-flex;
}
.foot-strip .item p{
    color: #333333;
    font-size: 12px;
    margin-right: 17px;
}
.foot-strip .item a{
    color: #333333;
    font-size: 12px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-left: 20px;
    border-right: 1px solid #333;
}
.foot-strip .item a:last-child{
    border-right: none;
    padding-right: 0;
}