﻿*{margin:0;padding:0;list-style:none;font-family: "Microsoft YaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB", "宋体", sans-serif;text-decoration: none;}
.body{width:100%;}
.header{padding:0px 1.5%;height: 90px;}
.header h1{line-height: 80px;float: left;}
.header h1 img{vertical-align: middle;}
.header h1 .em1{color:#333333;font-size: 18px;display:  inline-block;line-height: 33px;font-weight: 600;padding: 0px 0px 0px 15px;top: 15px;position:  relative;opacity: 0.9;}
.header ul{float: right;}
.header ul li{float: left;padding: 0px 1.4vw 0px 1.4vw;position: relative;}
.header ul li span.arrow{display: none;}
.header ul li a{font-size: 16px;color: #333333;}
.header ul li .liA{line-height: 90px;}
.header ul li .liA.active{font-weight: bold;}
.header ul li dl{position:absolute;background:#fff;width:100%;text-align:center;left:0px;display:none;z-index: 9;box-shadow: 0px 0px 5px 1px #eee;}
.header ul li dl a{font-size:16px;color:#333333;padding:10px 0px;display:block;}
.header ul li dl dd:hover a{background:#448aca;color:#fff;}
.header ul li:hover dl{}
.header ul li:last-child{padding:0px 0px 0px 1.4vw;}
.header ul li.close{display:none;}
.header ul li span.num{display:none;}
.header ul li dl dd.back{display:none;}
.banner img{width: 100%;height:38vw;}
.banner video{height:38vw;width: 100%;}
.footer{width: 100%;background: url(../images/foot_img.jpg) center center no-repeat;background-size: cover;}
.foot{width:1255px;margin:0 auto;padding: 43px 0px 60px 0px;}
.footL li{margin:0px 70px 0px 0px;float: left;}
.footL li:last-child{margin:0;}
.footL li .footA{font-size: 14px;color: #ebebeb;padding: 0px 0px 25px 0px;display:  block;}
.footL li dl a{color: #999999;font-size: 12px;line-height: 28px;}
.footL{float: left;}
.footR{float: right;}
.footR li{float: none;color: #cecece;font-size: 14px;line-height: 30px;height:30px;margin:0px 0px 10px 0px;}
.footR li img{vertical-align: middle;margin:0px 18px 0px 0px;}
.copyright{font-size: 12px;color: #878787;text-align: center;height: 55px;line-height: 55px;border-top:1px solid #575757;}
.copyright a{color:#878787;}
.footR ul{display:inline-block;}
.footR .code{display:inline-block;width:100px;height:100px;float: right;margin: 0px 0px 0px 25px;}
.footR .code img{width:100%;max-height:100%;}


.fixed{width:54px;;position:fixed;height:166px;right:0px;top:50%;margin-top:-83px;z-index:9999999;}
.fixed li{width:100%;height:54px;background:#4e7ba2;margin:0px 0px 1px 0px;position:relative;}
.fixed li .icon{display:block;width:100%;height:100%;}
.fixed li.li1 .icon{background:url(../images/right-tel.png) center center no-repeat;}
.fixed li.li2 .icon{background:url(../images/right-qq.png) center center no-repeat;}
.fixed li.li3 .icon{background:url(../images/right-top.png) center center no-repeat;cursor:pointer;}
.fixed li .tels{color:#fff;font-size:18px;line-height:54px;text-align:center;width:180px;height:54px;position:absolute;top:0px;background:#69a1e6;right:57px;transition:1s all ease;transform:translateX(250px);}
.fixed li:hover .tels{transform:translateX(0px);}
.fixed li:hover{background:#69a1e6;}
@media(max-width:880px){
    .header{padding:0px 2.5%;position: relative;height: 60px;background: #eeeeee;}
    .header .open{width: 25px;height: 25px;background:url(../images/icon-open.png) center center no-repeat;display:block;float:right;position: absolute;top: 50%;margin-top: -12px;background-size: cover;right: 2.5%;}
    .header h1{line-height: 60px;width: 85%;}
    .header ul{float: none;position:absolute;background: #000;width: 100%;left: 0px;top: 0px;z-index: 999999;padding: 50px 0px 0px 0px;height: calc(100vh - 50px);display: none;}
    .header h1 img{max-width: 60px;margin: -4px 0px 0px 0px;}
    .header h1 .em1{font-size: 12px;line-height: 20px;top: 5px;padding: 0px 0px 0px 0px;font-weight: normal;}
    .header ul li{height:40px;float:none;padding: 10px 2.5% 0px 2.5%;line-height: 40px;border-bottom: 1px solid #2a2a2a;position: relative;}
    .header ul li.close{width: 15px;height: 15px;display:block;position:absolute;top: 15px;right: 2.5%;background:url(../images/icon-close.png) center center no-repeat;background-size: contain;padding: 0px;border: 0;}
    .header ul li .liA:before{width: 5px;height: 5px;content:"";display:inline-block;border-radius:50%;position: relative;top: -3px;margin: 0px 15px 0px 0px;border: 1px solid #fff;}
    .header ul li .liA.active:before{background:#fff;}
    .header ul li.close:before{display:none;}
    .header ul li .liA{line-height:40px;color: #707070;position: relative;display: block;height: 40px;width: 90%;z-index: 0;}
    .header ul li.active:before{background:#fff;}
    .header ul li .liA.active{font-weight:normal;color:#fff;}
    .header ul li:last-child{padding: 10px 2.5% 0px 2.5%;}
    .header ul li span.arrow{display: block;width: 30px;height: 25px;background: url(../images/icon-arrow.png) right center no-repeat;right: 5%;top: 18px;position: absolute;background-size: 10px;z-index: 9999999999;}
    .header ul li span.num{display:block;right: 0%;top: 12px;position: absolute;color:#999999;font-size:14px;height: 20px;line-height: 20px;}
    .header ul li dl dd.back{display:block;background: url(../images/icon-back.png) left center no-repeat;width: 30px;height: 30px;background-size: 10px;position: absolute;left: 2.5%;top: 18px;border: 0;padding: 0;z-index: 999999999999999;}
    .header ul li dl{position:absolute;top:0px;background:#000;padding: 50px 0px 0px 0px;height: calc(100vh - 50px);z-index: 99999999999999;left: 0px;}
    .header ul li dl a{font-size:14px;color:#707070;text-align: left;margin: 0;}
    .header ul li dl dd{padding: 10px 2.5% 0px 2.5%;border-bottom: 1px solid #2a2a2a;}
    .header ul li dl a:before{width: 5px;height: 5px;content:"";display:inline-block;border-radius:50%;position: relative;top: -3px;margin: 0px 15px 0px 0px;border: 1px solid #fff;}
    .header ul li dl dd:active:before{background:#fff;}

    .foot{width:95%;padding: 20px 0px;}
    .footL{float: none;}
    .footL li{width: 37%;margin: 0px 0px 0px 13%;}
    .footL li .footA{padding:0;color:#999999;font-size:14px;display:  none;}
    .footR{width: 75%;float: none;margin: 15px auto;}
    .footR li img{margin: -2px 5px 0px 0px;max-width: 17px;}
    .footR li{margin: 0px 0px 10px 0px;line-height:20px;font-size: 13px;color:#cecece;height: 20px;}
    .copyright{height:auto;line-height:20px;padding:10px 0px;}
    .copyright a{display:block;}
    .footer{background-size: cover;}
    .header ul li.remove{position:unset;}
    .header ul li dl dd.active a{color:#fff;}
    .header ul li dl dd.active a:before{background:#fff;}
    
    .fixed {width:40px;}
    .fixed li{width:40px;height:40px;}
    .fixed li .tels{height:100%;transform:translateX(250px);right:43px;line-height:40px;width:150px;}
    .footR .code{width:100%;text-align:center;margin: 10px auto 20px;}
    .footR .code img{max-width:80%;width:auto;}







}



