@charset "utf-8";
.header{position: fixed;width: 100%; top: 0;left: 0;transition: .5s;z-index: 100;}
.header.on{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.header.on .c1{display: none;}
.header.on .c2{display: block;}
.header.on .nav li h3 a{color: #333;line-height: 1rem;}
.header.on .nav li h3 b{background: url(../images/a_07.png) no-repeat center center;background-size: 100% 100%;}
.header.on .sub{top: 1rem;}
.header:hover{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.header:hover .c1{display: none;}
.header:hover .c2{display: block;}
.header:hover .nav li h3 a{color: #333;}
.header:hover .nav li h3 b{background: url(../images/a_07.png) no-repeat center center;background-size: 100% 100%;}

.headerbox{width: 1450px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;max-width: 94%;}
.logo{width: 2.63rem;}
.logo img{width: 100%;}
.c1{display: block;}
.c2{display: none;}
.nav ul{display: flex;justify-content: space-between;}
.nav li{ position: relative;padding:0 .35rem;}
.nav li h3 a{line-height: 1.6rem;color: #fff; position: relative; font-family: arial;font-size: var(--font26);transition: all .5s;}
.nav li h3 b{background: url(../images/a_06.png);width: .14rem;height: .08rem;background-size: 100% 100%;vertical-align: middle; margin-left: .14rem;display: inline-block;}




@media(min-width:1600px){
.nav li h3 a{font-size: var(--font20);}

}

@media(min-width:1000px) and (max-width:1599px){
.nav li h3 a{font-size: var(--font28);}
}

@media(max-width:999px){
.nav li h3 a{font-size: var(--font26);}

}










.sub{position: absolute; width:100%;top: 1.6rem;background:#fff;display:none;transition: .5s;left: 0;}
.sub dt a{display: block; text-align: center; line-height: 50px;color: #333;font-size: var(--font16);transition: all .5s;border-bottom: 1px solid #eee;}
.sub dt:last-child a{border-bottom: none;}
.sub dt a:hover {background: #2374c4;color: #fff;}
.sub dt {position: relative;}
.sub h4{position: relative;}
.sub h4 em{display: block; position: absolute; width:40px;height: 40px; top: 0;right: 0;background: url(../images/a_04.png) no-repeat center center;}
.three{position: absolute; width: 2.5rem; top: 0;right: -2.5rem;background: #fff;display: none;}
.sub dt.on h4 a{background: #2374c4;color: #fff;}
.sub dt.on h4 em{background: url(../images/a_05.png) no-repeat center center;}
@media(max-width:1000px){
.header{height: 60px;box-shadow:0 0 10px rgba(0, 0, 0, .1);z-index: 150;background: #fff; }
.headerbox{height: 60px;}
.logo{width: 150px;}
.c1{display: none;}
.c2{display: block;}
.nav li h3 b{background: url(../images/a_07.png) no-repeat center center;width:1rem;height: 1rem; position: absolute; top: 0; right: 0;background-size: 14px 8px;}
.header:hover .nav li h3 b{background-size: 14px 8px;}
.dhbtn{position: fixed; right: 15px; top: 15px;width: 30px;height: 30px;border-radius: 4px;background: url(../images/d1.png) no-repeat center center #2374c4;background-size: 20px 20px;z-index: 100;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #2374c4;background-size: 20px 20px;}
.nav{position: fixed;z-index: 50;width: 200px;height: 100%; background: #fff;top: 0;left: -200px;overflow: auto;}
.nav ul{display: block;}
.nav li h3 a{color: #333;border-bottom: 1px solid #EEE;line-height: 55px;font-size: 14px;display: block;}
.dhbj{width: 100%;height: 100%; position: fixed;z-index: 49;background: rgba(0,0,0,.7);left: 0; top: 0;display: none;}
.nav li.cur a:before{border-bottom: 1px solid #333; bottom: 0;}
.sub{position: static;}
.sub dt a{text-align: left; padding-left: 15px;}
.three{position: static;}
}