body,html{ background: #fff; }
/*.topHead{  position: relative; overflow: hidden; height: 116px;border-bottom: solid 1px #e6e6e6; }
.topHead .logo{ width:462px; height:auto; overflow:hidden; float:left; margin-top: 32px; }
.topHead .logo img{ width:462px; height:auto; overflow:hidden; }

.topHead .hotphone{ float: right; display: flex; align-items: center; margin-top: 24px; }
.topHead .hotphone .phoneLe{ display: inline-block; vertical-align: middle; width: 56px; margin-right: 14px; }
.topHead .hotphone .text{ flex: 1; }
.topHead .hotphone .text .tit,
.topHead .hotphone .text .phone{ width: 100%; height: 32px; line-height:32px; font-size:24px; color: #ad050d; font-weight: bold;
    white-space:nowrap;}*/

/*
.mainnav{  position:relative; z-index:99; height: auto; }
.mainnav dl{ zoom:1; }
.mainnav dd{ float:left; position:relative; width: 132px; text-align: center;  }
.mainnav dd h3::after{ width: 1px;height: 20px;  margin-top: 12px;background: #e6e6e6;content: '';
    position: absolute; top: 8px; left: 0; z-index: 1; }
.mainnav dd:nth-child(1) h3::after{ width: 0; }
.mainnav dd h3{
    display: flex; align-items: center; justify-content: center; position: relative;
    width: 100%;
    height: 50px; line-height:50px; font-size:16px; color: #333;  text-transform: capitalize; }
.mainnav dd h3 a{
    display: flex; align-items: center; justify-content: center; position: relative;
    width: 100%;
    height: 50px; line-height:50px; font-size:16px; color: #333;  text-transform: capitalize; }
.mainnav dd h3 img{ width: 20px; margin-right: 8px; }
.mainnav dd h3 .line{ position: absolute; bottom: 2px; left: 25%; z-index: 1;
    width: 50%;height: 2px;overflow: hidden;background: #ad050d;  display: none; }
.mainnav dd h3 .arrow_down{  margin-left: 8px; width: 7px;   height: 7px; border-color:#333; }
.mainnav dd h3:hover a,
.mainnav dd.hover h3 a,
.mainnav dd.on h3 a{ font-weight: bold;  color:#ad050d;  }
.mainnav dd h3:hover a .line,
.mainnav dd.hover h3 a .line,
.mainnav dd.on h3 a .line{ display: block; }
.mainnav dd ul{ display:none; position:absolute; width:132px;  top:50px; left:0; z-index:9999; border-top:0;  background:#fff; }
.mainnav dd ul li{ height: 40px; line-height: 40px; overflow:hidden; border-top: solid 1px #e4e4e4;   }
.mainnav dd ul li:nth-child(1){ border-top: none;   }
.mainnav dd ul li a{ display: block; width: 100%; height: 40px; line-height: 40px; overflow:hidden; text-align: center; color: #333; font-size:14px;   }
.mainnav dd ul li a:hover{  color:#ad050d;  }

.mainnav dd.mobiledd{ display:none; }*/

.topHeadAll{
    width: 100%; height: 192px; background: url(../images/newstyle/headtop1.jpg) no-repeat center center;
    background-size: 100% 192px;
}

.topHead{  position: relative; overflow: hidden; height: 114px; padding-top: 30px; }
.topHead .logo{ width:462px; height:auto; overflow:hidden; float:left; margin-top: 32px; }
.topHead .logo img{ width:462px; height:auto; overflow:hidden; }

.topHead .hotphone{ float: left; margin-left:236px; display: flex; align-items: center; margin-top: 24px; }
.topHead .hotphone .phoneLe{ display: inline-block; vertical-align: middle; width: 56px; margin-right: 14px; }
.topHead .hotphone .text{ flex: 1; }
.topHead .hotphone .text .tit,
.topHead .hotphone .text .phone{ width: 100%; height: 32px; line-height:32px; font-size:24px; color: #ad050d; font-weight: bold;
    white-space:nowrap; }


.topHead .hotmenu{ float: right; width:345px; margin-top: 8px; }
.topHead .hotitem{
    width: 115px; cursor: pointer;
    height: 32px; float: left; text-align: center; margin-top: 11px; padding:0;
    background: url(../images/newstyle/head_navbg1.png) no-repeat center center;
    background-size: 100% 32px; display: flex; align-items: center; justify-content: center;
}

.topHead .hotitem .tit{
    width: 115px; cursor: pointer;
    height: 32px; display: flex; align-items: center; justify-content: center;
    font-family: Source Han Sans;
    font-size: 13px;
    font-weight: normal;
    line-height: 32px;
    color: #9A0812;
    text-shadow:
            -1px -1px 0 #fff,
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff,
            3px 3px 6px rgba(0, 0, 0, 0.3);
    /* text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);*/
}
.topHead .hotitem .pcdd{ position: relative; }
.topHead .hotitem .pcdd h3{
    display: flex; align-items: center; justify-content: center;
    width: 115px; cursor: pointer;
    height: 32px;
    font-family: Source Han Sans;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    color: #9A0812;
    text-shadow:
            -1px -1px 0 #fff,
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff,
            3px 3px 6px rgba(0, 0, 0, 0.3);
}
.topHead .hotitem .pcdd h3 img{ width: 40px; margin:0 -6px 0 -8px; scale: 1.4; margin-top: 8px; }
.topHead .hotitem .pcdd h3 .arrow_down{  margin-left: 4px; width: 7px;   height: 7px; border-color:#C6C4C4;
    border-width: 4px;
}

.topHead .hotitem .pcdd ul{ display:none; position:absolute; width:100px; top:32px; right:0; z-index:9999; border-top:0;  background:#fff; }
.topHead .hotitem .pcdd ul li{ height: 22px; line-height: 20px; overflow:hidden; border-top: solid 1px #e4e4e4;   }
.topHead .hotitem .pcdd ul li:nth-child(1){ border-top: none;   }
.topHead .hotitem .pcdd ul li a{ display: block; width: 100%; height: 22px; line-height: 20px; overflow:hidden; text-align: center; color: #333; font-size:14px;   }
.topHead .hotitem .pcdd ul li a:hover{  color:#ad050d;  }


.mainnav{  position:relative; height: 48px; z-index:99; }
.mainnav dl{ zoom:1; }
.mainnav dd{ float:left; position:relative; width: 148px; text-align: center; margin:0 10px;  }
.mainnav dd:first-child { margin-left:0;  }
.mainnav dd:last-child{ margin-right:0;  }

.mainnav dd h3{
    display: flex; align-items: center; justify-content: center; position: relative;
    width: 100%;
    height: 48px; line-height:48px; font-size:16px; color: #FFFFFF;  text-transform: capitalize;

}
.mainnav dd h3 a{
    /* display:inline-block; *display:inline; zoom:1; */
    display: flex; align-items: center; justify-content: center; position: relative;
    width: 100%;
    height: 48px; line-height:48px; font-size:16px; color: #333;  text-transform: capitalize;
    background: url(../images/newstyle/navho1.png) no-repeat center center;
    background-size: 100% 48px;

    font-family: Source Han Sans;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;

}
.mainnav dd h3 img{ width: 20px; margin-right: 8px; }
.mainnav dd h3 .line{ position: absolute; bottom: 2px; left: 25%; z-index: 1;
    width: 50%;height: 2px;overflow: hidden;background: #ad050d;  display: none; }
.mainnav dd h3 .arrow_down{  margin-left: 8px; width: 7px;   height: 7px; border-color:#333; }
.mainnav dd h3:hover a,
.mainnav dd.hover h3 a,
.mainnav dd.on h3 a{
    background: url(../images/newstyle/navbg1.png) no-repeat center center;
    background-size: 100% 48px;
}
.mainnav dd h3:hover a .line,
.mainnav dd.hover h3 a .line,
.mainnav dd.on h3 a .line{ display: block; }
.mainnav dd ul{ display:none; position:absolute; width:148px;  top:50px; left:0; z-index:9999; border-top:0;  background:#fff; }
.mainnav dd ul li{ height: 40px; line-height: 40px; overflow:hidden; border-top: solid 1px #e4e4e4;   }
.mainnav dd ul li:nth-child(1){ border-top: none;   }
.mainnav dd ul li a{ display: block; width: 100%; height: 40px; line-height: 40px; overflow:hidden; text-align: center; color: #333; font-size:14px;   }
.mainnav dd ul li a:hover{  color:#ad050d;  }

.mainnav dd.mobiledd{ display:none; }










.foot1bg{ background: #333333; overflow: hidden;padding:20px 0; }
.foot2bg{ background: #2b2b2b; overflow: hidden;padding:20px 0; }
.footNav{ width: 100%; height:auto; overflow: hidden; padding: 30px 0 20px 0; border-bottom: solid 1px rgba(255,255,255,0.1); }
.footNav dl{ width: auto; height:auto; overflow: hidden; float: left; padding-left:20px; min-width:auto; max-width:140px; }
.footNav dl:nth-child(1){ padding-left:0px; }
.footNav dl:last-child{ width:230px; min-width:210px; max-width:230px; float:right; }
.footNav dt,.footNav dd{ width: 100%; height:60px; overflow: hidden; float: left;  text-transform: capitalize; }
.footNav dt,.footNav dt a{ height: 60px; line-height: 60px; overflow: hidden; color: rgba(255,255,255,1); font-size: 18px; font-weight: bold;
    text-transform: capitalize; }
.footNav dt a{ display:block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.footNav dd,.footNav dd a{ height: 22px; line-height: 22px; overflow: hidden; font-size: 14px; color: rgba(255,255,255,0.6); text-transform: capitalize; }
.footNav dd a:hover{ color: rgba(255,255,255,1); }
.footNav dd{ padding:3px 0; }
.footNav dl:last-child dd,.footNav dl:last-child dd a{  height: auto; text-transform : lowercase;}
/* .footNav dl:last-child dd,.footNav dl:last-child dd a{  height: auto; line-height: 22px; text-transform : lowercase;} */

.footLink{ width: 100%; height:auto; overflow: hidden; display: flex; padding: 20px 0;  }
.footLink,.footLink .tit,.footLink .con a{  line-height: 36px;  }
.footLink .tit{ color: rgba(255,255,255,1); font-size: 18px; font-weight: bold;  }
.footLink .con{ flex: 1; padding-left: 16px; }
.footLink .con a{ display: inline-block; float: left; padding: 0 16px; font-size: 14px; color: rgba(255,255,255,0.6);
    word-break: break-all; word-wrap: break-word;white-space: pre-wrap; }
.footLink .con a:hover{ color: rgba(255,255,255,1); }

.footCopyright{ width: 100%; height:auto; overflow: hidden; text-align: center;  }
.footCopyright,.footCopyright a,.footCopyright span{ line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.6);  }
.footCopyright2{ display: block; height: 30px; line-height: 30px; display: flex; align-items: center; justify-content: center;  }
.footCopyright2 a{ height: 30px; line-height: 30px; display: flex; align-items: center; justify-content: center;  }
.footCopyright2 img{ display:inline-block; margin-right:6px; }

.floatRi{ width: 90px; height: 500px; position: fixed; right: 0; top:50%; margin-top: -250px; z-index: 3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: rgba(255,255,255, 0.5); padding: 10px 0; }
.floatRi li{ width: 90px; height: 100px; float: left; cursor:pointer; position:relative; }
.floatRi li .pic{ width: 100%; height: 45px; overflow: hidden; margin-top: 10px;
    display: flex; align-items: center; justify-content: center; }
.floatRi li .pic img{ max-width: 100%; max-height: 45px; overflow: hidden; }
.floatRi li .tit{ width: 100%; height: auto; overflow: hidden; text-align: center;
    line-height: 22px; color: #ad050d; font-size: 14px;  }
.floatRi li .tit a{ line-height: 22px; color: #ad050d; font-size: 14px;}
.floatRi li .picx{ width: 100%; height: 45px; overflow: hidden; margin-top: 10px;
    display: flex; align-items: center; justify-content: center;
    background: url(../images/floatri_icon1.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx1{ background: url(../images/floatri_icon1x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx2{ background: url(../images/floatri_icon2x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx3{ background: url(../images/floatri_icon3x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx4{ background: url(../images/floatri_icon4x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx5{ background: url(../images/floatri_icon5x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover{ background:rgba(173,5,13,0.5);}
.floatRi li:hover .tit,.floatRi li:hover .tit a{ color: #fff; }
.floatRi li:hover .picx1{ background: url(../images/floatri_icon1ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx2{ background: url(../images/floatri_icon2ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx3{ background: url(../images/floatri_icon3ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx4{ background: url(../images/floatri_icon4ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx5{ background: url(../images/floatri_icon5ho.png) no-repeat center center; background-size: 30px 30px; }

.floatRi li .wxewm{ display: none; position:absolute; top:0; left:-210px; z-index:999;
    width:200px; height:200px; overflow:hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background:rgba(255,255,255, 0.5);
    animation: fade-in;
    animation-duration: 0.5s;
    -webkit-animation:fade-in 0.5s;
}
.floatRi li .wxewm img{ width:180px; height:180px; overflow:hidden; margin:10px; }
.floatRi li.li4:hover .wxewm{ display: block; }

.floatRi li.li5 .phone {
    display: none;
    background: rgba(255,255,255, 0.5);
    background-position: 0 0;
    width: 200px;
    height: 50px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: absolute;
    top: 25px;
    right: 100px;
    text-align:center;
    animation: fade-in;
    animation-duration: 0.5s;
    -webkit-animation:fade-in 0.5s;
}
.floatRi li.li5 .phone span {
    font-family: Arial;
    font-size: 22px;
    display: block;
    color: #e00a0c;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
}

.floatRi li.li5:hover .phone{ display: block; }
@keyframes fade-in {
    0% {opacity: 0;}
    40% {opacity: 0.5;}
    100% {opacity: 1;}
}
@-webkit-keyframes fade-in {/*���webkit�ں�*/
    0% {opacity: 0;}
    40% {opacity: 0.5;}
    100% {opacity: 1;}
}


.floatRi li.li3 .liuyanzixun {
    display: none;
    background: rgba(255,255,255, 0.5);
    background-position: 0 0;
    width: 100px;
    height:100px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 90px;
    text-align:center;
    animation: fade-in;
    animation-duration: 0.5s;
    -webkit-animation:fade-in 0.5s;
}
.floatRi li.li3 .liuyanzixun a{ display: block; width:100%; height:50px; line-height:50px; overflow:hidden;
    color: #999; font-size:14px; text-align:center; }
.floatRi li.li3:hover .liuyanzixun{ display: block; }