.head { width: 100%; min-width: 1420px; display: none; }

.header { width: 1420px; background: #b92f2d; margin: 0 auto; }
.header-con { display: flex; height: 120px; }
.header-logo { display: block; margin-left: 10px; margin-top: 27px; }
.header-logo img { max-width: 310px; }
.header-r { flex: 1; position: relative; margin-left: 25px; }
.header-r ul li { float: left; margin-right: 20px; line-height: 120px; }
.header-r ul li ul li { line-height: 50px; text-align: center; }
.header-r ul li a { color: white; font-size: 20px; }
 .header-r ul li a:hover, .header-r .header-active {font-weight: 600;color: #fed120;}
.header-r .head-ul { position: absolute; z-index: 999; width: 320px; background: rgba(0, 0, 0, 0.70); left: 240px; display: none; top: 120px; }
.header-r .head-ul li { margin-right: 0; margin-left: 20px; }
.header-r ul li:hover ul { display: block; }
.header-r .head-ul1 ul { width: 110px; position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.70); left: 636px; display: none; top: 120px; }
.header-r .head-ul2 ul { width: 110px; position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.70); left: 447px; display: none; top: 120px; }
.header-r .head-ul2 ul li, .header-r .head-ul3 ul li { margin: 0; text-align: center; width: 100%; }
.header-r .head-ul2 ul li a, .header-r .head-ul3 ul li a { width:100%; display: block;}
.header-r .head-ul3 ul { width: 110px; position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.70); left: 45px; display: none; top: 120px; }
.header-r .head-ul1 ul li { margin-right: 0; width: 100%; }

@media screen and (min-width:1850px) {
    .header { width: 1900px; background: #b92f2d;  }
    .header-logo {  margin-left: 84px; }
    .header-r { margin-left:100px; }
    .header-r ul li { margin-right: 40px; }
    .header-r .head-ul3 ul { width: 130px; left:55px; }
    .header-r .head-ul {  width: 399px;left: 282px;  }
    .header-r .head-ul li { margin-right: 0; margin-left: 40px; }
    .header-r .head-ul2 ul { width: 130px;  left: 536px;  }
    .header-r .head-ul1 ul { width: 130px;  left: 765px;  }
}

.foot { width: 100%; background: #585858; height: 117px; min-width: 1420px; }

.foot-t { height: 66px; line-height: 66px; text-align: center; }

.foot-t a { display: inline-block; vertical-align: top; font-size: 19px; color: white; }

.foot-t a:hover { color: #d01217; }

.foot-t hr { display: inline-block; vertical-align: top; height: 15px; width: 1px; background: #939393; margin: 0 20px; border: none; margin-top: 25px; }

.foot-c, .foot-c a { font-size: 12px; color: #939393; text-align: center; line-height: 22px; }

.bg { width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.top-bg { background: url('../../v2/images/b-01.jpg') no-repeat center; height: 445px; }

@media screen and (min-width:1850px) {
    .top-bg { background: url('../../v2/images/b-02.jpg') no-repeat center; height: 593px; background-size: 100%; }

    .head-con { background: #f5f5f5; height: 207px; }

    .w { width: 1900px; margin: 0px auto; }

    .head-b ul { margin-left: 330px; }

    .head-logo { margin-left: 102px; }

    .head-logo img { margin-top: 35.5px; max-width: initial; }

    .head-t { background: url('../../v2/images/gut_03_04_01_new.jpg') no-repeat; height: 160px; }

    .head-b { background: url('../../v2/images/gut_02_new.png') no-repeat; height: 48px; line-height: 48px; position: relative; }
}

@media screen and (max-width:1024px) {
    .top-bg { background: url(../../v2/images/b-01.jpg) no-repeat center; height: 311px; background-size: 1006px; }
}

.service { position: fixed; top: 260px; right: 0px; width: 50px; }

.service-top { width: 50px; position: relative; z-index: 3; }

.service-top a { display: flex; display: -moz-box; /*firefox*/ display: -ms-flexbox; /*IE10*/ display: -webkit-box; /*Safari*/ display: -webkit-flex; /*Chrome*/ width: 50px; background: #ededed; align-items: center; justify-content: center; }

.service-bot { margin-top: 10px; }

.service-bot a { display: block; width: 50px; text-align: center; padding: 10px 0; font-size: 30px; background: #ededed; }

.service-bot a p { margin-top: -15px; color: #777; }

.service-top a:hover, .service-bot a:hover { background: #ce1218; }

.service-bot a:hover p { color: white; }

.service-d1 { background: #ce1218; text-align: center; width: 160px; height: 52px; line-height: 52px; font-size: 18px; top: 199px; right: -200px; position: absolute; color: white; z-index: 2; }

.weixing-shows { display: none; width: 210px; height: 250px; position: absolute; background: white; top: 48px; right: 55px; z-index: 999; border: 1px solid #dddddd; }

.weixing-shows img { width: 200px; margin: 5px 5px 5px 5px; }

.weixing-txt { position: relative; top: -6px; width: 160px; margin: 0 auto; text-align: center; }

.zx { display: none; width: 210px; height: 180px; position: absolute; background: white; top: 0; right: 51px; z-index: 999; border: 1px solid #dddddd; }

.zx-p1 { margin-top: 20px; text-align: center; font-size: 18px; }

.zx-p2 { margin-top: 5px; margin-left: 45px; font-size: 18px; }

.zx hr { width: 150px; margin: 15px auto; background: #ccc; border: none; height: 1px; }

.zx a { display: block; margin: 25px auto; color: white; background: #ce1218; width: 100px; height: 35px; line-height: 35px; text-align: center; border-radius: 8px; }

.service-d2 { background: #ce1218; text-align: center; width: 160px; height: 48px; line-height: 48px; font-size: 18px; top: 99px; right: -200px; position: absolute; color: white; z-index: 2; }

.service-d3 { background: #ce1218; text-align: center; width: 160px; height: 49px; line-height: 49px; font-size: 18px; top: 0; right: -200px; position: absolute; color: white; z-index: 2; }

.service-d4 { background: #ce1218; text-align: center; width: 160px; height: 49px; line-height: 49px; font-size: 18px; top: 251px; right: -200px; position: absolute; color: white; z-index: 2; }

.head-active { font-weight: 600; }