﻿*{margin:0;padding:0;list-style:none;}
.body{width:100%;}
.header{width:100%;background: #f6f6f6;}
.headerTop{width:1200px;height:86px;margin:0 auto;}
.headerTop h1{line-height: 80px;float: left;margin: 0px 0px 0px 25px;height: 80px;overflow: hidden;}
.headerTop h1 img{vertical-align: middle;margin: -5px 20px 0px 0px;max-width:100%;}
.headerTop h1>a{font-size:26px;color: #005aa3;font-family: "微软雅黑";/* letter-spacing: 10px; */font-size:24px;font-weight: bold;}
.headerTop h1 .left{float:left;}
.headerTopR{float: right;margin:30px 0px 0px 0px;}
.headerTopR li{float: left;margin-left: 65px;}
.headerTopR li img{margin: 2px 10px 0px 0px;}
.headerTopR li>a{color: #005aa3;font-size: 16px;}
.headBottom{height: 62px;background: #fff;/* overflow: hidden; */}
.headerTop .open{display:none;}
.nav{width:1200px;margin:0 auto;}
.nav li{padding:0px 25px;float: left;position:relative;z-index: 100000000;}
.nav li>a{font-size: 18px;color: #333333;line-height:62px;font-size:16px}
.nav li:hover>a{color: #005aa3;}
.nav li.on>a{color: #005aa3;}
.nav li dl{display:none;position:absolute;top:62px;z-index: 100000002;background: #fff;left: 0px;width: 100%;text-align: center;/* padding:0px 0px 10px 0px; */}
.nav li dd{line-height: 24px;margin: 0px 0px 10px 0px;}
.nav li dd a{color:#333333;font-size:14px;}
/* .nav li:hover dl{display:block;} */
.nav li dd:hover a{color: #005aa3;}
.systemLink{opacity:0;}
.nav li.systemLink{position:absolute}
.banner{width: 100%;}
.banner .swiper-pagination{left: 20px;width: 15px;top: 50%;transform: translate3d(0,-50%,0);bottom: auto;}
.banner .swiper-pagination-bullet{background: url(../images/icon-circle2.png) center center no-repeat;width: 15px;height: 15px;margin: 10px 0px!important;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: url(../images/icon-circle3.png) center center no-repeat;}
.banner .swiper-slide{width: 100%!important;}
.banner img{width: 100%;}
.banner .num{position:absolute;bottom: 6vw;color:#fff;left:15.6%;font-size:26px;font-family: 'Arial';}
.banner .num .num1{font-size:52px;position: relative;top: 20px;padding: 0px 10px 0px 0px;font-weight: bold;}
.banner .num .num2{font-size:26px;padding: 0px 0px 0px 10px;font-weight: bold;}

.footer{width:100%;background:#304b68;padding: 5vw 0px 0px 0px;}
.foot{position:relative;padding: 0px 0px 3.9vw 0px;width: 1200px;margin: 0 auto;}
.foot1{padding: 0px;font-size: 20px;color: #eeeeee;float: left;position: absolute;top: 0px;}
.foot1 .bdsharebuttonbox {padding:45px 0px 0px 0px;overflow: hidden;}
.foot1 .bds_tsina{background: url(../images/icon-weibo.png) center center no-repeat;width: 38px;height: 30px;background-position: 0!important;padding: 0px;margin: 0px 15px 0px 0px;}
.foot1 .bds_weixin{background: url(../images/icon-wechat.png) center center no-repeat;width: 38px;height: 30px;background-position: 0!important;padding: 0px;margin: 0px 10px 0px 0px;}
.foot1 .bds_sqq{background: url(../images/icon-qq.png) center center no-repeat;width: 38px;height: 20px;background-position: 0!important;padding: 0px;}
.foot2{width: 800px;/* float: left; */text-align:center;margin: 2px auto 0px 0;}
.foot2 ul{display:inline-block;text-align: left;}
.foot2 li{display:inline-block;width: auto;margin: 0px 30px 0px 0px;background: url(../images/icon-icon08.png) left 8px no-repeat;padding:0px 0px 0px 10px;float: left;min-width: 80px;}
.foot2 li a{color:#fff;}
.foot2 li dl{margin:30px 0px 0px 0px;}
.foot2 li dl dd{margin: 0px 0px 7px 0px;}
.foot3{padding: 0px;width: 456px;font-size: 14px;color: #eeeeee;line-height: 42px;text-align: right;margin: -13px 0px 0px 0px;position: absolute;top: 0px;right: 0px;}

/* 底部友情链接 */
.footLinks{width:1200px;margin:0 auto 20px;}
.footLinks p{font-size: 20px;color: #eee;margin-bottom: 30px;}
.footLinks ul li{width: 98px;overflow:hidden;height: 60px;float:left;margin-right:20px;line-height:60px;text-align:center;border:1px solid rgba(255,255,255,0.1);background:#fff;transition:0.35s all ease-in-out;margin-bottom: 20px;}
.footLinks ul li:hover{border:1px solid #000}
.footLinks ul li a{display:block;width:100%;height:100%}
.footLinks ul li img{max-width:100%;max-height:100%;vertical-align:middle}

.copyright{width:100%;text-align: center;line-height: 50px;color:#fff;font-size: 12px;border-top: 1px solid #6a7785;}
.copyright a{color:#fff;}

.fixed{position:fixed;right:0px;top:50%;margin-top:-100px;z-index: 111111111999999;border-right: 0;box-shadow: -1px 0px 5px #ddd;}
.fixed:hover li{width:200px}
.fixed li{width:50px;height: 50px;border-bottom: 1px solid #e5e5e5;background:#fff;position: relative;overflow: hidden;transition: width 250ms ease-in-out 0s;}
.fixed li>div{position:absolute;right:0;width:200px;height: 100%;}
.fixed li .icon{width: 50px;height: 100%;cursor: pointer;position:absolute;right:0}
.fixed li .tel{position:absolute;left:0;width: 150px;top: 0px;color:#666;height: 100%;line-height: 50px;text-align:center;font-size: 14px;transition:1s all ease;text-align: left;padding-left: 10px;box-sizing:border-box}
.fixed li.li2 .tel{line-height:17px}
.fixed li:hover{background:#0068b7;}
.fixed li.li1 .icon{background:url(../images/icon-tel.png) center center no-repeat;}
.fixed li.li1:hover .icon{background:url(../images/icon-tel1.png) #0068b7 center center no-repeat;}
.fixed li.li1:hover .tel{color:#fff}
.fixed li.li2 .icon{background:url(../images/icon-address.png) center center no-repeat;}
.fixed li.li2:hover .icon{background:url(../images/icon-address1.png) #0068b7 center center no-repeat;}
.fixed li.li2:hover .tel{color:#fff}
.fixed li.li3 .icon{background:url(../images/icon-email.png) center center no-repeat;}
.fixed li.li3:hover .icon{background:url(../images/icon-email1.png) #0068b7 center center no-repeat;}
.fixed li.li3:hover .tel{color:#fff}
.fixed li.li4 .icon{background:#fff url(../images/icon-top.png) center center no-repeat;}
.fixed li.li4{cursor:pointer}
.fixed li.li4:hover{background:#fff}
/* .fixed li.li3 .tel{width:200px;right:-252px;}
.fixed li.li2 .tel{width:300px;right:-352px;} */
.Mban{display: none;}


@media(max-width:880px){
    .banner{display: none;}
    .Mban{display: block;}
    .body{overflow: hidden;}
    .header{background:#fff;}
    .headerTop{height: 14vw;line-height: 13vw;width: 100%;padding: 4px 2.5% 5px 2.5%;border-bottom: 1px solid #ededed;position: relative;box-sizing: border-box;overflow: hidden;}
    .headerTop h1{line-height: 13vw;/* width: 60%; */margin: 0px;}
    .headerTop h1 .left{max-width: 53vw;font-size: 12px;}
    .headerTop h1 .left img{max-height:11vw;max-width: 30vw;}
    .headerTop h1 .left:first-child img{max-width:50px;margin: -10px 10px 0px 0px;max-height: 11vw;}
    .headerTop h1>a{font-size: 18px;letter-spacing: 2px;display: block;height: 13vw;}
    .headerTop .open{display:block;width: 27px;height: 22px;background:url(../images/icon-open.png) center center no-repeat;position: absolute;right: 2.5%;background-size: cover;top: 4vw;top: 50%;margin-top: -11px;}
    .headerTopR{margin-top:0}
    .headerTopR li{display: none;}
    .headerTopR li:last-child{display:block;margin-left: 0;margin-right: 40px;}
    .headBottom{height: auto;display: none;}
    .nav{width:100%;}
    .nav li{float: none;padding: 0px;}
    .nav li.systemLink{position:relative}
    .systemLink:hover a{background: #005aa3!important;}
    .nav li>a{border-bottom: 1px solid #ededed;line-height:45px;font-size:16px;display:block;text-align:center;background: #fff url(../images/icon-arow.png) 95% center no-repeat;background-size: 9px;}
    .nav li dl{position:relative;top:0px;}
    .nav li dd{text-align:left;padding:0px 20px 0px 30px;border-bottom: 1px solid #ededed;line-height:45px;background:url(../images/icon-circle5.png) 16px center no-repeat;background-size:5px;margin: 0px;}
    .nav li dd a{font-size:16px;}
    .nav li dd:hover>a{color:#0068b7;}
    .nav li:hover>a{background:url(../images/icon-arow1.png) 95% center no-repeat #0068b7;background-size:16px;color:#fff;}
    .nav li.on>a{background:url(../images/icon-arow1.png) 95% center no-repeat #0068b7;background-size:16px;color:#fff;}
    .nav li dd.on>a{color:#0068b7;}
    .systemLink{opacity:1}

    .banner .num{bottom:10vw;}
    
    .footer{padding: 20px 0px 0px 0px;}
    .foot{width:96%;margin:0 auto;padding: 0px 0px 15px 0px;}
    .foot2{width:100%;margin: 0px auto 15px;}
    .foot2 ul{display: flex;flex-wrap: wrap;}
    .foot2 li{width: 47%!important;margin: 0px;padding: 0px 0px 0px 7px;align-items: flex-start;min-width: auto;margin-bottom: 5vw;}
    .foot2 li a{font-size:12px;}
    .foot2 li dl a{font-size:10px;}
    .foot2 li dl{margin:10px 0px 0px 0px;}
    .foot2 li:last-child{margin:0px;}
    .foot2 li.foot_li1{width: 21%;}
    .foot2 li.foot_li2{width: 28%;}
    .foot2 li.foot_li3{width: 22%;}
    .foot2 li.foot_li4{width: 16%;}
    .foot2 li.foot_li5{width: 26%;}
    .foot1{float:none;width: 27%;font-size: 14px;display: inline-block;padding: 0px;position: relative;top: 5px;}
    .foot1 .bdsharebuttonbox {padding:10px 0px 0px 0px;}
    .foot1 .bds_tsina{margin:0px 10px 0px 0px;width:25px;background-size: 24px;}
    .foot1 .bds_weixin{margin:0px 8px 0px 0px;width:25px;background-size: 24px;}
    .foot1 .bds_sqq{margin:5px 0px 0px 0px;width:25px;background-size: 20px;}

    .footLinks{width:96%;}
    .footLinks p{font-size:14px;margin-bottom:10px}
    .footLinks ul li{width:30%;margin-right:3.9%}
    .footLinks ul li:nth-child(3n){margin-right:0}

    .foot3{padding: 0px;width: 100%;font-size: 10px;line-height: 24px;margin: 0px;position: unset;display: inline-block;float: right;}
    .copyright{font-size: 10px;padding:10px 10px;line-height:20px;width: auto;}
    .banner .num .num2{font-size:20px;padding: 0px 0px 0px 5px;}
    .banner .num .num1{font-size:40px;font-weight:bold;top: 15px;padding: 0px 5px 0px 0px;}

    .fixed{margin-top:-43px;}
    .fixed li{width:40px;height:40px;}
    .fixed li .icon{width:40px}
    .fixed li .tel{width: 150px;font-size: 12px;line-height: 40px;}
    .fixed li.li1:hover .tel{right:40px;}
    .fixed li.li2:hover .tel{right:40px;}
    .fixed li.li3:hover .tel{right:40px;}
    .fixed li.li2 .tel{line-height: 13px;}
    .fixed li>div{width: 190px;}
    .fixed:hover li{width: 190px;}
    
}









