* { padding: 0; margin: 0; text-decoration: none; list-style: none; }
html { font-size: calc(100vw/100); line-height: 1.5rem; font-family: Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif; background-color: #f8f8f8;}
img { border: 0; }
input[type="button"] { -webkit-appearance: none; border-radius: 0; }
input[type="button"]
@media (max-width:900px) {
    html { font-size: calc(100vw/35); line-height: 2rem;}
    .pchidden { display: block; }

}
@media (max-width:500px) {
    html { font-size: calc(100vw/35); line-height: 1.5rem;}
    .pchidden { display: block; }

}
/* 首页页眉开始 */
header { width: 100%; }
div.top div.topbanner { width: 60%; margin: 2% auto; }
div.top div.topbanner span.topbannerts { display: block; width: 90%; margin: 7vw auto 10%; text-align: center; color: #FFF; }
div.top div.topbanner span.topbannerts h1 { font-size: 2.8rem; line-height: 5rem; text-shadow: 0 3px 8px rgba(50, 0, 0, 0.3); letter-spacing: 0.2rem; font-weight: bold; }

@media (max-width:900px) {
    div.top div.topbanner span.topbannerts { margin: 15vw auto 5%;}
    div.top div.topbanner span.topbannerts h1 { font-size: 3rem; line-height: 2rem; letter-spacing: 0;}
}

div.top div.topbanner ul {clear: both;overflow: hidden;margin: 0 2vw;text-align: center;display: table;margin: auto;width: 384px;height: 72px;}
div.top div.topbanner ul li {display: inline-block;width: 130px;height: 45px;line-height: 45px;color: #333;margin: 0 0 34px 0;cursor: pointer;font-size: 17px;;position: relative;background: #fff;border-radius: 3px;}
div.top div.topbanner ul li:first-child,div.top div.topbanner ul li:nth-child(2){margin-right: 50px;}
div.top div.topbanner ul li.hover {background: #D92929;border-radius: 3px;color: #fff;width: 130px;height: 45px;line-height: 45px;}

div.top div.topbanner ul li.hover::after {  content: " "; width: 0; height: 0; border-style: solid; border-width: 10px 12px 0; position: absolute; bottom: -6px; border-color: rgb(223, 32, 24) transparent transparent; left: 50%; margin-left: -11px }
/*div.top div.topbanner ul li:hover{background: #D92929;color: #fff;}*/

div.top div.topbanner ul li ~ span.tbgs::before { content: ""; background: url(../images/banner01.jpg),url(../images/banner02.jpg); }
div.top div.topbanner ul li ~ span.tbgs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -100; filter: grayscale(15%); -webkit-filter: grayscale(15%); background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.2s linear background-image;  }
div.top div.topbanner ul li.hover ~ span.tbgs {  background-image: url(../images/banner01.jpg);  }
div.top div.topbanner ul li.hover:nth-child(2) ~ span.tbgs { background-image: url(../images/banner02.jpg); }
div.top div.topbanner ul li + dl { position: absolute; width: 67%; margin: 6vw 0 0 -2vw; display: none; font-size: 1.2rem; text-shadow: 0.1rem 0.1rem 0.1rem rgba(50, 0, 0, 0.5);}
div.top div.topbanner ul li + dl dd { float: left; width: calc(100% / 4); text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF; display: none; }
div.top div.topbanner ul li + dl dd a { color: #FFF; padding: 0 0 0 1.5rem; background: url(../images/icon_logo.svg) no-repeat center left; background-size: 1rem; display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.top div.topbanner ul li.hover + dl { display: block; }

div.top div.topbanner div#tab2b {width: 870px; padding: 0; overflow: hidden; position: relative; margin: auto;box-shadow: 0 8px 18px rgba(70,85,110,0.3);}
div.top div.topbanner div#tab2b div input { float: left; -webkit-appearance: none; border-radius: 0; font-size: 14px; font-weight: lighter;}
div.top div.topbanner div#tab2b div input[type=text] { width: 780px; padding-left: 20px; border: 0; height: 48px;line-height: 48px; background: #FFF;border-radius: 3px 0 0 3px; }
div.top div.topbanner div#tab2b div input[type=button] { width: 70px; background: #D92929 url(../images/icon_search_new.svg) no-repeat 16px center; background-size: 20%; height: 48px; color: #fff; cursor: pointer; text-align: right;padding-right: 20px;border-radius: 0 3px 3px 0;border: none;}
div.top div.topbanner div#tab2b div input[type=button]:hover{background: #C92A2A url(../images/icon_search_new.svg) no-repeat 16px center; background-size: 20%;}
div.top div.topbanner div#tab2b div select { position: absolute; -webkit-appearance: none; width: 10vw; height: 4vw; border: 0; border-radius: 0; padding: 0 1vw; background: #ccc; color: #666; text-align: center; font-size: 1.2rem;  }
div.top div.topbanner div#tab2b div select option::after { content: "\009B"; }

div.top div.topbanner div#tab3b {width: 870px; padding: 0; overflow: hidden; position: relative; margin: auto;box-shadow: 0 8px 18px rgba(70,85,110,0.3);}


@media (max-width:1024px){
    .top{
        margin: 15% auto;
    }
    div.top div.topbanner div#tab2b{
        width: 560px;
    }
    div.top div.topbanner div#tab2b div input[type=text]{
        width: 470px;
    }
}
@media (max-width:900px) {
    div.top div.topbanner { width: 90%; margin: 30% 5% 20%;}
    div.top div.topbanner div#tab2b{width: 294px;}
    div.top div.topbanner ul li {margin-bottom: 20px;width: 90px;height: 38px;line-height: 38px;}
    div.top div.topbanner ul li.hover {background: #D92929;border-radius: 3px;color: #fff;width: 90px;height: 38px;line-height: 38px;}
    /*div.top div.topbanner ul li:first-child{margin-right: 32px;}*/
    div.top div.topbanner ul li:first-child, div.top div.topbanner ul li:nth-child(2){margin-right: 20px;}
    div.top div.topbanner div#tab2b div input[type=text] { width: 220px; padding: 0 0 0 10px; height: 40px; font-size: 1.6rem;}
    div.top div.topbanner div#tab2b div input[type=button] { width: 55px; height: 40px;padding-right: 10px;background: rgb(200, 0, 0) url(../images/icon_search_new.svg) no-repeat 2vw center;background-size: 23%;}
    div.top div.topbanner div#tab2b div select { width: 20vw; height: 10vw; }
    div.top div.topbanner ul{width:auto;}
    div.top div.topbanner ul li + dl { width: 90%; margin-top: 12vw;  font-size: 1rem;}
    div.top div.topbanner ul li + dl dd a { padding: 0 0 0 1rem; background: url(../images/icon_logo.svg) no-repeat center left; background-size: 1rem;}
    div.top dl.topbs { height: 25vw; }
    div.top dl.topbs dt { width: 20vw; line-height: 8vw; }
    div.top dl.topbs dd { width: 60vw;  margin: 0 calc((100% - 60vw) / 2); }
}
@media (max-width:700px) {
    div.top div.topbanner { width: 90%; margin: 35% 5% 20%;}
    div.top div.topbanner div#tab2b div input[type=text] { width: 220px; padding: 0 0 0 10px; height: 40px; font-size: 1.5rem;}
    div.top div.topbanner span.topbannerts h1 { font-size: 2rem; line-height: 5rem; text-shadow: 0 3px 8px rgba(50, 0, 0, 0.3); letter-spacing: 0.2rem; font-weight: bold; }
}
/* 首页结束 */