﻿.center{width:1200px;margin:0 auto;}
.left{float: left;}
.right{float: right;}
.header{}
.h_Top{background:#dd0012;height: 50px;line-height: 50px;}
.h_Top a{color: #fff;font-size: 14px;font-family: 'Arial';margin:0px 26px 0px 0px;}
.h_Top a.on{font-weight: bold;}
.h_Top .right{font-size:20px;font-weight:bold;color:#fff;}
.h_Top .right img{vertical-align:middle;margin: -2px 10px 0px 0px;}
.head{height: 120px;line-height: 120px;width: 1200px;margin:0 auto;/* overflow: hidden; */display: block;}
.head h1 img{vertical-align: middle;margin: -5px 0px 0px 0px;max-width: 100%;max-height: 100%;}
.head h1{float:left;display: inline-block;}
.head .con{display:flex;justify-content:space-between;width:100%}
.head i, .head .close{display:none}
.nav{width:860px;height: 70px;line-height: 70px;background: url(../images/bg.png)  center center no-repeat;float: right;margin: 24px 0px 0px 0px;}
.nav .navC{width:845px;height: 58px;background: url(../images/bg1.png)  center center no-repeat;margin: 6px auto;padding: 0px 4px;box-sizing: border-box;position: relative;}
.nav ul li{float: left;margin: 6px 15px 0px 0px;position: relative;margin: 6px 5px 0 0;}
.nav ul li .aa{height:46px;display:block;font-weight:bold;font-size:18px;color:#dd0012;line-height: 46px;padding: 0px 22px;border-radius: 6px;text-transform: capitalize;padding: 0 10px;}
.nav ul li .aa:after{content:"";position:absolute;width:100%;height:20px;top:100%;left:0}
.nav ul li.on .aa{color:#fff;background:linear-gradient(#fd3f4f,#f02535, #de0214) }
.nav ul li:hover .aa{color:#fff;background:linear-gradient(#fd3f4f,#f02535, #de0214);}
.nav .search{width:25px;height: 50px;background:url(../images/icon-search.png) center center no-repeat;position:absolute;right: 25px;top: 5px;}
.nav .search form{position:absolute;width:200px;height: 30px;background: #fff;border: 1px solid #dd0012;top: 50px;right: 0px;display:none;z-index: 1;}
.nav .search form input[type='text']{width: 156px;height:100%;text-indent:10px;font-size:14px;color:#333;line-height:30px;float: left;}
.nav .search form input[type='submit']{width:40px;height:100%;position:absolute;right:0px;background:#dd0012;color:#fff;font-size:14px;cursor: pointer;width: 70px;line-height: 28px;padding: 0;z-index: 11;}
.nav .search:hover form{display:block;}
.nav .shared{display:none;}
.nav ul li dl{position: absolute;top: 58px;background: linear-gradient(0deg, #dd0012, #dd0012 ,#de6670e8);width: 160%;margin-left: -30%;border: 1px solid #c79055;padding:0 20px;box-sizing:border-box;border-radius:5px;display: none;z-index: 14;min-width: 200px;margin-left: 0;left: 50%;transform: translateX(-50%);}
.nav ul li dl dd{padding:10px 0;line-height:1.5;border-bottom:1px dashed #f5989f;text-align:center;}
.nav ul li dl dd:last-child{border:0}
.nav ul li dl dd a{color:#fff;word-break: break-word;}
@media screen and (min-width:880px){
.nav ul li:hover dl{display:block;}
}
.footer{background: #9d0208;padding:40px 0px 0px 0px;}
.foot{width:1200px;margin: 0 auto 25px;color:#fff;}
.footL{float:left;width:340px;}
.foot .p1{font-size:18px;font-weight:bold;}
.footL li{font-size:14px;color:#fff;margin: 27px 0px 0px 0px;}
.footL li a{color:#fff;text-transform: uppercase;}
.footC{width:350px;float:left;}
.footC ul{margin: 23px 0px 0px 0px;}
.footC li{margin: 15px 0px 0px 0px;padding:0px 0px 0px 28px;line-height:26px;}

.footR{float:right;width:340px;}
.footR .p1{margin:0px 0px 17px 0px;}
.footR input[type='text']{width:100%;height:38px;line-height:38px;background:#ce8184;color:#fff;font-size:14px;text-indent:18px;margin:0px 0px 12px 0px;border-radius:5px;}
.footR input[type='text']::placeholder{color:#fff;}
.footR textarea{width:100%;height:50px;line-height:20px;background:#ce8184;color:#fff;font-size:14px;margin:0px 0px 12px 0px;border-radius:5px;border:0;padding: 10px 0px 10px 18px;box-sizing: border-box;outline: none;}
.footR textarea::placeholder{color:#fff;}
.footR img{width:113px;height:33px;}
.footR input.code{width:120px;height:33px;line-height:33px;background:#ce8184;color:#fff;border-radius:5px;margin:0px 0px 0px 5px;font-size:14px;cursor: pointer;}
.footR input.send{width:87px;height:33px;line-height:33px;background:#d00000;color:#fff;border-radius:5px;float:right;font-size:14px;cursor: pointer;}

.copyright{text-align:center;font-size:14px;background:#dd0012;height:50px;line-height:50px;}
.copyright a{color:#fff;}

.RightFixed{position:fixed;right:0px;top:50%;margin-top: -180px;z-index:999;background:#fff;box-shadow:0px 0px 5px 2px #eee;padding: 8px 8px 0px 8px;transition: 1s all ease;}
.RightFixed ul{position:relative;transition:1s all ease;}
.RightFixed li{width:80px;height:80px;margin: 0px 0px 8px 0px;position:relative;}
.RightFixed li .icon{width:80px;height:80px;background:#dd0012;color:#fff;font-size:12px;text-align:center;border-radius: 5px;box-sizing: border-box;padding: 18px 0px 0px 0px;position: relative;z-index: 9999;word-break: break-word;}
.RightFixed li .icon a{color:#fff;}
.RightFixed li .i1{width:100%;height: 30px;background:url(../images/icon-e1.png) center center no-repeat;display:block;margin: 0px 0px 7px 0px;}
.RightFixed li.li2 .i1{background:url(../images/icon-e2.png) center center no-repeat;margin-bottom: 2px;}
.RightFixed li.li3 .i1{background:url(../images/icon-e3.png) center center no-repeat;}
.RightFixed li.li4 .i1{background:url(../images/icon-e4.png) center center no-repeat;}
.RightFixed li .Tel{position:absolute;top: 15px;background:#fff;box-shadow:0px 0px 10px 3px #eee;height:55px;line-height:55px;width: 150px;text-align: center;color: #771caa;font-size: 18px;text-decoration: underline;right: -180px;transition: 1s all ease;z-index: 999;}
.RightFixed li.li3 .Tel{width:124px;height:124px;top: -20px;font-size:14px;color:#333333;text-decoration: none;line-height: 20px;height: auto;}
.RightFixed li.li3 .Tel img{max-width:85px;margin: 10px auto 4px;display: block;}
.RightFixed li:hover .Tel{right:88px;}
.RightFixed li.li4 .icon{cursor:pointer;padding:23px 0px 0px 0px;}
.RightFixed .hide{width: 34px;height:65px;background: url(../images/icon-arrow3.png) #fff center center no-repeat;display: block!important;position: absolute;right: 96px;top: 50%;margin-top: -32px;box-shadow: -3px 0px 4px 2px #eee;cursor: pointer;border-top-left-radius: 3px;border-bottom-left-radius: 3px;z-index: 99;}
.RightFixed.scroll{right: -96px;}


@media(max-width:1000px){
    body{width:100%;overflow-x: hidden;}
    .head{width:100%;position: relative;height: 70px;line-height: 70px;}
    .h_Top{display: none;}
    .head h1{margin: 0px 0px 0px 4vw;float:none;height: 70px;width: 80%;}
    .head h1 img{max-height:60px;}
    .head .open{width: 30px;height: 24px;background:url(../images/icon-open.png) center center no-repeat;display:block;position:absolute;right:4vw;top: 50%;margin-top: -12px;background-size: cover;display: block;}
    .head .close{width:15%;height:50px;background:#fff;position:fixed;right:0;top:0;background: #fff url(../images/close.png) 10px 10px no-repeat;}

    .nav{width: 85%;height: calc(100vh - 70px);background: #f2f2f2;margin: 0;padding: 0;float: none;position: absolute;z-index: 999;/* display: none; */height: 100vh;top: 0;position: fixed;left: -85%;padding-top: 46px;box-sizing: border-box;z-index: 1111;}
    .nav .navC{width: 100%;background: #f2f2f2;height: 100%;margin: 0;padding: 0;float: right;border-top: 1px solid #ccc;}
    .nav ul li{float:none;margin: 0;border-bottom: 1px solid #dddddd;}
    .nav ul li .aa{color:#333;font-weight:normal;text-align: center;padding: 0px;border-radius: 0;text-align: left;padding-left: 30px;}
    .nav ul li.on .aa{background:#dd0012;}
    .nav ul li.on .secondBtn{color:#fff}
    .nav .search{position:unset;width: 200px;height: 30px;top: 0;right: 0;background: #fff;margin: 20px auto;}
    .nav .search form{display:block;position: unset;border: 0;border-radius: 4px;}
    .nav .search form input[type='submit']{height: 30px;position: unset;float: right;background: url(../images/icon-search.png) center center no-repeat;font-size: 0px;background-size: 17px;width: 40px;}

    .nav .shared{display:block;margin: 20px auto 0px;text-align: center;font-size: 0;height: 55px;position: relative;}
    .nav .shared p{width: 65px;height: 65px;background:#dd0012;display: inline-block;margin: 0px 3px;border-radius: 5px;color: #fff;text-align: center;font-size: 10px;line-height: 15px;position: relative;overflow: hidden;word-break: break-word;}
    .nav .shared p i{height: 20px;background:url(../images/icon-d1.png) center center no-repeat;display:block;margin: 10px auto 5px;background-size: 20px;}
    .nav .shared p.n2 i{background:url(../images/icon-d2.png) center center no-repeat;background-size: 20px;}
    .nav .shared p.n3 i{background:url(../images/icon-d3.png) center center no-repeat;background-size: 12px;}
    .nav .shared .tel{position:absolute;bottom: -41px;width: 120px;height: 40px;line-height: 40px;color: #333;font-style: normal;box-shadow: 0px 3px 9px 2px #eee;background: #fff;font-size: 14px;left: 50%;transform: translateX(-50%);display: none;}
    .nav .shared p:hover .tel{display:block;}
    .nav .shared p>a{color:#fff;}
    .nav .small .shared p .tel{left:0px;transform:translateX(0);}
    .nav .small .shared p{width: 53px;height: 53px;}
    .nav .small .shared p i{margin:7px 0px 3px 0px;}
    .nav .small .shared p.n3 .tel{left:auto;right:0;}


    .footer{padding:30px 0px 0px 0px;}
    .foot{width: 92vw;}
    .footL{width:30%;}
    .foot .p1{font-size: 15px;margin: 0px 0px 13px 0px;}
    .footL li{font-size:12px;margin:10px 0px 0px 0px;}
    .footC{width: 67%;float:right;}
    .footC ul{margin:10px 0px 0px 0px;}
    .footC li{margin:10px 0px 0px 0px;line-height:20px;font-size: 12px;background-size: 13px!important;padding: 0px 0px 0px 20px;word-break: break-word;}

    .footR{margin: 30px 0px 0px 0px;width: 100%;}
    .footR .p1{margin:0px 0px 12px 0px;}
    .footR input[type='text']{height:30px;line-height:30px;text-indent: 10px;}
    .footR textarea{padding: 5px 10px 10px 10px;margin: 0px 0px 10px 0px;}
    .footR img{width: 90px;height: 28px;}
    .footR input.send{height:30px;line-height:30px;width: calc((100% - 110px)/2);}
    .footR input.code{width: calc((100% - 110px)/2);margin: 0px 0px 0px 6px;}
    .copyright{height:40px;line-height:40px;font-size:12px;}


    .RightFixed{padding:5px 5px 0px 5px;margin-top: -100px;}
    .RightFixed.scroll{right: -57px;}
    .RightFixed li{width: 52px;height: 53px;margin: 0px 0px 6px 0px;}
    .RightFixed li .icon{width: 53px;height: 53px;padding: 5px 0px 0px 0px;font-size: 10px;}
    .RightFixed li .i1{height: 18px;background-size: 17px!important;margin: 0px 0px 3px 0px;}
    .RightFixed li .Tel{font-size: 14px;height: 45px;line-height: 45px;width: 100px;top: 0px;width: 120px;}
    .RightFixed li.li4 .icon{padding:13px 0px 0px 0px;}

    .nav .navC ul{max-height: 70vh;overflow-y:scroll;min-height: 47vh;}
    .nav ul li dl{/* height:0; */display:block;/* position:absolute; *//* top: 0px; *//* background: #e33443; *//* width: 50vw; *//* left: -50vw; */height: 100%;z-index: 9999;display: none;margin: 0;height: auto;position: unset;background: unset;width: 100%;border: 0;/* transition:all .35s ease-in-out; *//* opacity: 0; */top: 0;transform: translateX(0);left:0}
    .nav ul li dl dd{height:46px;line-height:46px;color:#fff;/* text-align:center; */border-bottom: 1px solid #f19aa1;padding: 0;border-color: #ccc;/* height: 0; */transition: all .35s ease-in-out;/* opacity: 0; */text-align: left;/* padding-left: 30px; */}
    .nav ul li dl dd a{color: #fff;font-size: 14px;color: #666;display: block;width: 100%;height: 100%;padding-left: 30px;box-sizing: border-box;}
/*     .nav ul li:hover a+dl{}
    .nav ul li:hover a+dl dd{height:46px;opacity: 1;} */

    .nav .navC.small{/* width:50%; */}
    .nav .navC.small .search{width:90%;}
    .nav .navC.small .search form{width: 100%;margin: 0 auto;}
    .nav .search form input[type='text']{width:calc(100% - 40px);}

    .RightFixed li:hover .Tel{right: 47px;}
    .RightFixed li.li3 .Tel{width: 100px;height: 40px;line-height: 40px;font-size: 14px;top: 3px;width: 140px;text-align: center;height: auto;}
    .RightFixed li.li3 .Tel img{/* max-width: 70px; */margin: 5px 0px 4px 0px;/* display: none; */max-width: unset;display: inline-block;}
    
    .RightFixed li.li3 .Tel span{display:block}.scrollShow{width: 25px;height: 50px;background: url(../images/icon-arrow2.png) #fff center center no-repeat;/* display: block!important; */position: fixed;right: -100px;box-shadow: 0px 0px 2px 1px #eee;cursor: pointer;background-size: 12px;margin: 15px 0px 0px 0px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;/* top: 68%; */z-index: 999999;transition: 1s all ease;display: none;}
    .RightFixed .hide{right: 53px;width: 25px;height: 50px;background-size: 12px;box-shadow: -1px 0px 2px 1px #eee;}
    .scrollShow.scroll{right:0px;}

    .secondBtn{font-size:calc(26 / 750 * 100vw);color:#acacac;position:absolute;right: 0;top:0;height: 46px;display:inline-block;width: calc(130 / 750 * 100vw);position: absolute;line-height: 46px;color: #666;}
    .secondBtn:after{width:100%;height:100%;content:"";position:absolute;background: url(../images/navBtnM.png) center center no-repeat;background-size: 100%;width:calc(11 / 750 * 100vw);height:calc(19 / 750 * 100vw);top:50%;transform:translate(0,-50%);right: 50%;}
    .secondBtn.active{color:#fff}
    .secondBtn.active:after{transform:translate(0,-50%) rotate(90deg);background: url(../images/navBtnW.png) center center no-repeat;background-size: cover;}
    .nav ul li:hover dl{/* display: inherit; */}
    .nav ul li:hover .aa{background:none;color:#333}
    .nav ul li.on .aa{background: #dd0012;color:#fff}
    .nav ul li.on .secondBtn:after{background: url(../images/navBtnW.png) center center no-repeat;background-size: cover;}
}














