.wrap{width: 80%;height: auto;margin: 0 auto;}
body{ font-size: 14px !important; font-family: "微软雅黑" !important; color: #555 !important; }
a{ color: #555555; }
/*导航*/
.nav{width: 100%;height: 82px;position: fixed;left: 0;top: 0;line-height: 82px;background: #ffffff;box-shadow: 0 1px 3px #33333330;z-index: 999999;}
.nav01{ background: rgba(0,0,0,0.5); }
.logo { width: 222px; height: 78px; line-height: 78px; }
.logo a{ display: block;margin-left: -30px; }
.logo a svg{vertical-align: middle;width: 216px;height: 57px;}
.nav_list ul li{ float: left; margin: 0 40px; position: relative; }
.nav_list ul li a{ font-size: 18px; display: block;  }
.nav_list ul li>a:hover{ color: #a61f24; }
.en-zh .en-zh2{ display: inline-block; vertical-align: middle; text-align: right;/* border-radius: 35px; */width: 120px; height: 30px; line-height: 28px; background: #fff; /*border: 1px solid #B7B7B7;*/ }
.en-zh .en-zh2 a{ margin: 0 4px; color:#878787; }
.en-zh .en-zh_tel {display: inline-block; vertical-align: middle; text-align: right; width: 160px; height: 30px; line-height: 28px; }
.en-zh .en-zh_tel a{color:#a61f24; font-size: 18px;font-weight: bold;}
.nav_x{ margin-left: 30px; display: none; }
.nav_x2{ width: 40px; height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; }
.nav_x2 img{ width: 100%; }

/*手机导航*/
.x_nav{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.68);position: fixed;top: 0;left: -101%;z-index: 9999999;}
.x_nav_t{ width:100%; height: 66px; line-height: 66px; text-align: right; padding-right: 25px;}
.x_nav_t a{ color: #FFFFFF; font-size: 18px;  background: url(../images/header/nav_gb.png) no-repeat right center;   padding-right: 25px;}
.x_nav2{width: 50%;height: 100%;overflow: scroll;padding-bottom:75px;background: #3b3b3b;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 45px; line-height: 45px; display: block; font-size: 16px; color: #FFFFFF;  padding-left: 28px; border-bottom: 1px solid #f3f3f31f;}
.x_nav2 ul li span{ width: 44px; height: 44px; display: inline-block; line-height: 44px; text-align: center; float: right; margin-right: 20px; background: url(../images/header/jia.png) no-repeat center center; background-size: auto 30%; }
.x_nav2 ul li a.xa1{ background: #5e5e5e;}
.x_nav2 ul li span.xjian{ background:url(../images/header/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd a{ background: url(../images/header/right.png) no-repeat 85% center !important; font-size: 18px; }


/*下拉导航*/
.nav_list_li{position: absolute;left: 50%;margin-left: -90px;top: 82px;width: 180px;background: #ffffff;text-align: center;display: none;box-shadow: 0px 1px 5px #bfbfbf70;}
.nav_list_li_al{position: absolute;left: 50%;margin-left: -90px;top: 82px;width: 390px;background: #ffffff;text-align: center;display: none;box-shadow: 0px 1px 5px #bfbfbf70;}
.nav_list_li_cp{width: 1100px;line-height: 40px;position: absolute;left: -180px;top: 82px;}
.nav_list_li a{font-size:14px;display: block;line-height: 30px;padding: 10px;margin-bottom: 5px;}
.nav_list_li a:hover{background-color:#d9d9d9b8;color:#a61f24;}
.nav_list_li_al a{font-size:14px;display: block;line-height: 30px;padding: 10px;margin-left:10px;margin-bottom: 5px;float: left;width: 180px;}
.nav_list_li_al a:hover{background-color:#d9d9d9b8;color:#a61f24;}
.nav_list_li_cp .list1{width: 220px;min-height: 400px;}
.nav_list_li_cp .list1 a{padding: 10px 18px;font-size: 15px;}
.nav_list_li_cp ul li:hover > a{ color: #a61f24; }
.nav_list ul li:hover .nav_list_li{ display: block; }
.nav_list ul li:hover .nav_list_li_al{ display: block; }
.nav_list_li_cp .list3_1 .a1{ background-color:#ffffff00; }
.nav_list_li_cp .list3_1 .a1:hover{ background-color:#ffffff00; }
.nav_list_li_cp .list1 a.a1{ background-color:#ffffff00; }
.nav_list_li_cp .list1 a:hover{ color: #a61f24; background-color:#d9d9d9b8;}
.nav_list_li_cp .list1 dl dd a{ background-color:#ffffff00; }

.nav_list_li_cp .list1 dl dd .list2_1{position: absolute;left: 220px;top: 0;width: 300px;min-height: 350px;background: #ffffffa6;display: none;}
.nav_list_li_cp .list1 dl dd .list2_1 a{ padding: 10px 25px; font-size: 15px; }
.nav_list_li_cp .list1 dl dd .list2_1 a:hover{ background-color:#d9d9d9b8;color: #a61f24; }
.xianshi{ display: block !important; } 

.nav_list_li_cp .list3_1{width: 600px;min-height: 250px;padding: 15px;position: absolute;left: 520px;top: 0;display: none;}

.nav_list_li_cp .list3_1 .wenzi{display: none; }
.nav_list_li_cp .list3_1 .img11{width: 100%;height: 288px;line-height: 186px;text-align: center;overflow: hidden;}
.nav_list_li_cp .list3_1 .img11 img{ max-width: 100%; transition: all 0.5s; height: 100%; display: block; }
.nav_list_li_cp .list3_1:hover .img11 img{ transform: scale(1.1); }
.list3_1{  }

@media screen and (max-width: 1728px) {
.nav_list ul li{margin: 0 35px;}
.en-zh .en-zh2{width: 110px;}
}

@media screen and (max-width: 1698px) {
.nav_list ul li{margin: 0 20px;}
.nav_list_li_cp {width: 1080px;}
.nav_list_li_cp .list1{width: 220px;}
.nav_list_li_cp .list1 dl dd .list2_1{left: 220px;width: 250px;}
.nav_list_li_cp .list3_1{left: 485px;} 
}
@media screen and (max-width: 1440px) {
.en-zh .en-zh_tel{width: 145px;}
}
@media screen and (max-width: 1398px) {
.nav_list ul li a{ font-size: 16px;}
.en-zh .en-zh_tel {width: 120px;}
.en-zh .en-zh2{width: 120px;}
.nav_list_li_cp {width: 1020px;}
.nav_list_li_cp .list1{width: 200px;}
.nav_list_li_cp .list1 dl dd .list2_1{left: 200px;width: 210px;}
.nav_list_li_cp .list3_1{left: 420px;}
}

@media screen and (max-width: 1348px) {
.nav_list ul li{margin: 0 15px;}
}
@media screen and (max-width: 1248px) {
.nav_list ul li{margin: 0 10px;}
.nav_list_li_cp {width: 920px;left: -180px;}
.nav_list_li_cp .list1{width: 180px;}
.nav_list_li_cp .list1 dl dd .list2_1{left: 180px;}
.nav_list_li_cp .list3_1{left: 380px;width: 540px;}
}
@media screen and (max-width: 1178px) {
.en-zh .en-zh2{width: 100px;}
}
@media screen and (max-width: 1148px) {
.en-zh .en-zh2{width: 90px;}
.nav_list ul li{margin: 0 8px;}
.nav_list_li_cp {width: 880px;left: -160px;}
.nav_list_li_cp .list1{width: 160px;}
.nav_list_li_cp .list1 dl dd .list2_1{left: 160px;}
.nav_list_li_cp .list3_1{left: 355px;}
.nav_list_li_cp .list1 dl dd .list2_1 a {padding: 10px 15px;}
}
@media screen and (max-width: 1108px) {
.wrap{ width: 98% !important; }
.nav_list{ display: none; }
.nav_x{ display: block; }
.en-zh{display: none;}
}

@media screen and (max-width: 414px) {
.nav{height: 62px;}
.logo {height: 55px;line-height: 55px;}
.logo a{ margin-left: -25px; }
.logo img{ width: 70%;}
.nav_x2{width: 30px;height: 60px;line-height: 40px;}    
.banner-a{margin: 62px auto 0;}
}