*{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;color: #000;}
body{/*text-align: center;*/width:100%; font-family:'Microsoft YaHei'; }

.clearBox{content: "";clear: both;}
.button{width: 165px;height: 40px;background: #0E8FD8;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;cursor: pointer;}
.button:hover{box-sizing: border-box;background-color: #fff;border: 2px solid #0E8FD8;color: #0E8FD8;line-height: 36px;}

.header{width: 1200px;height: 90px;margin: 0 auto;position: relative; padding:5px 0;}
.header .leftImg{width: 170px;height: 85px;position: absolute;}
.header .tel{color: #0E8FD8;font-weight:bold;float:right;}
.header .rightList{position: absolute;right: 20px;top: 10px;}
.header .rightList ul li{float: left;font-size: 14px;color: #333333; line-height: 22px;}
.header .rightList ul li a{display: block;border-right: 2px solid #DFF0F9;padding: 0 20px;font-size:14px}
.header .rightList ul li:nth-last-child(1) a{border-right: 2px solid transparent;}
.header .qizi{position: absolute;right: 34px;top: 15px;width: 18px;height: 12px;background-image: url(../img/EN.png);background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}
.header .search{ display:none;  position: absolute;right: 0;top: 36px;width: 14px;height: 14px;background-image: url(../img/search.png);background-position: center;background-size: 100% 100%;background-repeat: no-repeat;cursor: pointer;}
.header .sidebar{display: none;}
.header .floorList{position: absolute;right: 0;top: 40px;}
.header .floorList ul li{float: left;}
.header .floorList ul li a{display: block;width: 100px;height: 55px;text-align: center;line-height: 55px;cursor: pointer; font-size: 17px;  margin: 0px 25px;     letter-spacing: 2px;}
.header .floorList ul li a:hover,.header .floorList ul li a.on{border-bottom: 4px solid #0E8FD8; color: #0E8FD8; box-sizing: border-box;}
.header .floorList ul li a.redon{border-bottom: 4px solid #D8241F; color: #D8241F; box-sizing: border-box;}

.footer{width: 100%;}
.footer .floorList{width: 1070px;margin: 0 auto;}
.footer .floorList ul li{float: left;}
.footer .floorList ul li a{display: block;width: 176px;height: 55px;text-align: center;line-height: 55px;}
.footer .floorList ul li a:hover{border-bottom: 8px solid #0E8FD8;color: #0E8FD8;box-sizing: border-box;}
.footer .footercontent{clear: both;height: 50px;background: linear-gradient(135deg, #007EC5 0%, #00AC9B 100%);background-color: #007EC5;text-align: center;line-height: 50px;font-size: 14px;color: #FFFFFF;font-weight: 400;}

.comheader ul li a{position:relative; font-size: 16px; margin-right: 40px;}
.comheader ul li a::after{content:""; position:absolute; width:1px; height:20px; background-color: #ddd; top: 30px; right: -20px; }
.comheader ul li a.current{border-bottom: 4px solid #0E8FD8;color: #0E8FD8; box-sizing: border-box;}
.bigimg img{width:100%}
.checked{background-color: #0E8FD8 !important;color:#fff !important;}
.redchecked{background-color: #D8241F !important;color:#fff !important;}


@media screen and (max-width: 1200px) {
    .comheader ul li a::after{display:none}
    html{font-size: 12px;}
    .button{width: 165px;height: 40px;background: #0E8FD8;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;cursor: pointer;}
    .button:hover{box-sizing: border-box;background-color: #fff;border: 2px solid #0E8FD8;color: #0E8FD8;line-height: 36px;}
    .header{width: 100%;height: 10vh;margin: 0 auto;position: fixed;background-color: #fff;z-index: 10000000;}
    .header .leftImg{width: 25%;height: 100%;position: absolute;left: 0;top: 0;}
    .header .leftImg img{width: 120%;height: 100%;}
    .header .rightList{position: absolute;left: 25%;top: 35%;width: 75vw;}
    .header .rightList ul li{float: left;font-size: 3vw;color: #333333;}
    .header .rightList ul li a{display: block;border-right: 2px solid #DFF0F9;padding: 0 2vw;}
    .header .rightList ul li:nth-last-child(1) a{border-right: 2px solid transparent;}
    .header .qizi{display: none;}
    .header .search{display: none;}
    .header .sidebar{position: absolute;top: 25%;right: 3%;width: 10vw;height: 50%;cursor: pointer;background-image: url(./sidebar.png);background-position: center;background-repeat: no-repeat;background-size: 100% 100%;display: block;}
    .header .floorList{position: absolute;left: 100vw;top: 100%;width: 30vw;transition: left 0.5s ease;background-color: #Fff;}
    .header .floorList ul li{float: inherit;}
    .header .floorList ul li a{    display: block;    width: 100%;    height: 40px;    text-align: center;    line-height: 40px;    cursor: pointer;    margin: 0px;    font-size: 12px; }
    .header .floorList ul li a:hover{box-sizing: border-box;border-bottom: 4px solid #0E8FD8;color: #0E8FD8;}
    .footer{width: 100%;}
    .footer .floorList{display: none;}
    .footer .footercontent{clear: both;height: 5vh;background: linear-gradient(135deg, #007EC5 0%, #00AC9B 100%);background-color: #D8241F;text-align: center;line-height: 5vh;font-size: 2vw;color: #FFFFFF;font-weight: 400;}
.header .tel{display:none;}
}
