html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}

*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {font-family:'Microsoft Yahei','simsun','arial','tahoma';font-size: 14px;}
body,html{color: #666;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a, img {-webkit-touch-callout: none}
a{color:#333;transition: all .3s ease-in-out 0s;}
a:hover{transition: all .5s;}
a, a:active, a:focus, a:hover, a:visited {text-decoration: none}
input[type=password],input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
}
ul, ol { list-style: none; }
:focus{ outline:none;}
.clear {zoom: 1}
.clear:after,.container:after{content: "";display: block;clear: both;}
.fl{ float: left; }
.fr{float: right;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:100%;}}
@media (min-width:1200px){.container{width:1170px}}

/*弹性布局*/
.rows{display: flex;flex-direction: row;align-items: center;}
.cent{display: flex;align-items: center;justify-content: center;}
.column{display: flex;flex-direction: column;align-items: center;}
.between{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

/*顶部底部*/
header{position: relative; width: 100%;}
#swiper1{width:100%;}
.swiper img{display: block;}
:root {--swiper-theme-color:#e6212a;}
.top {height: 36px;line-height: 36px;border-bottom: 1px solid #e2e2e2;}
.top a {padding: 5px 8px;}
.head{height:115px;overflow:hidden;}
.head .logo{margin:10px 20px 20px 0;}
.head .logo img{max-height:80px;}
.head .company{margin-top:30px; border-left:1px solid #ddd; padding-left:20px;max-width: 44%;}
.head .fl>h2{font-size: 24px;color: #e6212a;font-weight: bold;white-space: nowrap;}
.head .fl>p{font-size: 18px;margin-top: 5px;white-space: nowrap;}
.head .fr>p{font-size: 16px;margin-top:30px;}
.head .fr>p>strong{ font-size:26px;display: block;}
.head .fr>.iconfont{font-size:52px;margin-top:30px;margin-right:10px;color: #e6212a;}
.menu{background:#252525;position: relative;}
.menu .nav:after{content:"";display: block;clear: both;}
.menu .redbg{content:"";width:100px;height:60px; background: #e6212a; position: absolute;left:0;bottom:0;}
.menu .nav li{float: left;width:12.5%;text-align: center;font-size:16px;position: relative;}
.nav>li>a {color: #FFF;display: block;line-height:53px;position: relative;z-index: 2;white-space: nowrap;}
.nav>li>dl {position: absolute;z-index:999;display: none;width:100%;}
.nav>li>dl>dt>a {display: block;width:100%;height: 50px;line-height: 50px;text-align: center;background: #252525;color: #fff;}
.nav>li>dl>dt>a:hover {background: #e6212a;color: #fff;display: block;width:100%;height: 50px;}
.nav .home:after{content:"";position: absolute; top:-6px;right:-20px;z-index: 1; width:calc(100% + 21px);height:60px;background: url("/images/navbg.png")no-repeat top right;}
.nav>li a:hover, .nav>li.on>a {color: #e6212a;}
.nav>li:first-child a {color: #FFF;}
.nav>li:first-child a:hover {color: #FFF;}
.nav>li.on>dl{display: block;}

/*footer*/
.footer {
    width: 100%;
    color: #fff;
    padding-bottom: 48px;
    background: #2E3033;
    border-top: 8px solid #dc0000;
}
.footer .links {
    padding: 20px 0;
    font-size: 16px;
    border-bottom: 1px solid #1a1d21;
}
.footer .links span {
    color: #fff;
    display: inline-block;
}
.footer .links a {
    display: inline-block;
    font-size: 14px;
    color: #939393;
    padding-right: 10px;
}
.footer .links a:hover {
    color: #dc0000;
}
.footer .bottom {
    border-top: 1px solid #464a50;
}
.footer .bNav {
    width:50%;
    height: 180px;
    margin-top: 48px;
}
.footer .di_logo img {
    width: 111px;
    height: 111px;
    background-size: 100%;
}
.footer .bNav dl {
    display: inline-block;
    float: left;
    width: 25%;
    overflow: hidden;
    text-align: left;
    padding-top: 10px;
}
.footer .bNav dl dt {
    height: 16px;
    display: block;
    padding-bottom: 32px;
}
.footer .bNav dl dt a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}
.footer .bNav dl dd {
    display: block;
    padding-bottom: 16px;
}
.footer .bNav dl dd a {
    display: block;
    font-size: 14px;
    color: #939393;
    line-height: 14px;
}
.footer .bNav dl dd a:hover {
    color: #dc0000;
}
.footer .ewm {
    width:20%;
    height: 180px;
    text-align: center;
    margin-top: 48px;
    border-left: 1px solid #464a50;
}
.footer .ewm dl {
    width: 140px;
    float: left;
    display: block;
    margin-top: 10px;
    height: 164px;
}
.footer .ewm dl dt {
    width: 140px;
    height: 140px;
    background-color: #fff;
    text-align: center;
}
.footer .ewm dl dt img {
    width: 130px;
    height: 130px;
    display: inline-block;
    background-size: 100%;
    margin-top: 5px;
}
.footer .ewm dl dd {
    font-size: 14px;
    color: #939393;
    line-height: 24px;
    padding-top: 5px;
}
.footer .contact_info {
    width:30%;
    height: 180px;
    padding-left:4%;
    border-left: 1px solid #464a50;
    margin-top: 48px;
}
.footer .contact_info h2{font-size: 36px;color: #dc0000;line-height: 36px;padding-top: 4px;font-weight: bold;padding-bottom: 12px;}
.footer .contact_info h3 {font-size:18px;padding-top: 8px;font-weight: normal;}
.footer .contact_info p{font-size: 14px;color: #939393;line-height: 22px;}
/*copyright*/
.copyright {line-height: 50px;color: #666;font-size: 12px;background: #27292B;}
.copyright p {color: #939393;}
.copyright span {margin: 0 6px;}
.copyright a {color: #939393;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.copyright a:hover {color: #dc0000;}
.t_right{text-align: right;}
.mt20{margin-top: 20px;}

#swiper1 .swiper-button-next:after,#swiper1 .swiper-button-prev:after{color:#fff;opacity:.3;}
#swiper1 .swiper-button-next:hover:after,#swiper1 .swiper-button-prev:hover:after{opacity:1;}
#swiper1 .swiper-pagination-bullet{width:12px;height:12px;}
img{max-width:100%;}

.bot{background:#2E3033; padding:15px 0;}
.bot a{color: #888; margin-right: 10px;}
.bot a:hover{color:#fff;}

/*浮动客服*/
.toolbar {position: fixed;right: 1%;bottom:3vh;z-index: 999;}
.toolbar dd {height:60px;margin-bottom:5px;position: relative;}
.toolbar dd>a{ text-align: center;cursor:pointer;position:absolute; color:#fff; right:0; top:0;width:60px;height:60px; padding:5px 0; overflow:hidden; background: #dc0000;font-size:25px;line-height:30px;}
.toolbar dd>a>p{font-size:12px; line-height:20px;}
.toolbar dd .iconfont{font-size:25px;margin: 0 5px;}
.toolbar dd:hover>a{background: #dc0000;color:#fff; width:auto;display: flex; align-items: center; justify-content: flex-start; padding: 0 20px; white-space: nowrap;}
.toolbar dd:hover{width:auto;}
.toolbar dd:hover>a .iconfont{color:#fff;}
.toolbar dd.erwm:hover>a .iconfont,.toolbar dd:hover>a>p{display: none;}
.toolbar dd.erwm .column{display: none;}
.toolbar dd.erwm:hover .column{display:block;}
.toolbar dd.erwm:hover,.toolbar dd.erwm:hover>a{height:140px; width:120px;border-radius:10px;}
.toolbar dd.erwm:hover>a{padding:10px; font-size: 14px; line-height:16px;}
.mt40{margin-top: 40px;}
.mtb30{margin: 30px auto;}


@media (max-width:1200px) {  }
@media (max-width:1024px) {
    .head .company{display: none;}
    .head .company{display: block;max-width:70%;}
    .head .fl>h2{line-height: 30px; font-size:20px;white-space: normal;}
    .head .fl>p{line-height:30px; margin-top: 0; font-size: 14px;}
}
@media (max-width:768px) {
    .top{display: none}
    .head{height: 70px; float: left;}
    /*.head>.container{width: auto;}*/
    .head .logo img {max-height:45px;}
    .head .fr {display: none;}
    /*.head .fr>p{margin-top:15px; font-size: 12px;}*/
    /*.head .fr>.iconfont{margin-top: 15px; font-size:40px;}*/
    /*.head .fr>p>strong{font-size: 24px; line-height: 30px;}*/
    .menu{position:absolute; top:15px;right: 20px; width: 40px; height:40px;border-radius:10px; border:1px solid #ddd;z-index: 999; background: url("/images/menu.png") no-repeat center center; }
    .menu .redbg{display: none;}
    .nav .home:after{display: none;}
    .menu .nav{background: rgba(0,0,0,.7); width:30vw; position: absolute; right:-20px; top:40px; display: none;}
    .menu:hover .nav{display: block;}
    .menu .nav li{display: block;float: none; width: 100%;}
    .menu .nav li>a{display: block;}
    .nav>li a:hover, .nav>li.on>a {background: #e6212a; color: #fff;}
    .footer .bNav{width: 100%;}
    .footer .contact_info,.footer .ewm{display: none;}
    .footer .bNav{margin-top: 20px;}
    .copyright .fr{float: none;}
    .copyright{height:auto; line-height: 20px; padding: 15px 0;}
    .head .company{display: block;margin:5px 0; height:60px; overflow:hidden;max-width:70%;}
    .head .fl>h2{line-height: 30px; font-size:20px;white-space: normal;}
    .head .fl>p{line-height:30px; margin-top: 0; font-size: 14px;}

}
@media (max-width:567px) {
    .head .between{display: none;}
    .head{height:50px;}
    .head .logo img {max-height:30px;}
    .menu{top:5px; right: 10px;}
    .menu .nav{right: -10px; width: 40vw}
    .head .company{display: block;margin:5px 0; height:40px; overflow:hidden;max-width: 50%;}
    .head .fl>h2{line-height:20px; font-size:14px;white-space: normal;}
    .head .fl>p{line-height:20px; margin-top: 0; font-size:12px;}


}