* { margin: 0; padding: 0; }
body { margin: 0; background: #fff; }
.mob-640{display:none !important;}
.header { position: relative; padding: 0 13.5%; width: 100%; height: 160px; z-index: 999; box-sizing: border-box; }
.header::before { content: ""; display: block; width: 25%; height: 160px; position: absolute; left: 0; top: 0; background-color: #134aa7; z-index: -1; }
.header .logo { margin-top: 47px; box-sizing: border-box; position: absolute; left: 0; width: 25%; top: 0; z-index: 0; }
.header .logo img { height: 65px; display: block; margin: 0 auto; max-width: 90%; }
.header .fr { width: 84%; text-align: right; }
.header .list_top { height: 49px; line-height: 49px; border-bottom: 1px solid #eeeeee; width: 100%; color: #999999; }
.phone { background: url('../images/phone.png') no-repeat; background-size: 16px; background-position: left center; padding-left: 25px; margin-right: 60px; }
.header .list_top .lagu { background: url('../images/lag.png') no-repeat; background-size: 16px; background-position: left center; padding-left: 25px; }
.header .list_top .lagu a { color: #999999; }
.header .list_top .lagu a.cn { color: #333333; }
.header .MenuList_f1 { height: 110px; }
.header .MenuList_f1 ul { font-size: 0; margin-right: -39px; }
.header .MenuList_f1 ul.child { display: none; }
.header .MenuList_f1 li { display: inline-block; position: relative; }
.header .MenuList_f1 li a { display: block; }
.header .MenuList_f1 li a span { display: block; font-size: 16px; border-bottom: 4px solid #fff; height: 106px; line-height: 106px; color: #444444; padding: 0 39px; }
.header .MenuList_f1 li a span::after { position: absolute; width: 1px; content: ""; display: block; height: 12px; top: 49px; right: 0; background-color: #dddddd; }
.header .MenuList_f1 li:nth-last-child(1) span::after { display: none; }
.header .MenuList_f1 li a:hover span { border-color: #134aa7; color: #134aa7; }
.header .MenuList_f1 .on a span { border-color: #134aa7; color: #134aa7; }
.button_group { margin-right: 5%; float: right; display: none; }
.header .button { height: 45px; width: 45px; border: 1px solid #000; text-align: center; float: left; margin-top: 34px; cursor: pointer; }
.header .button span { display: block; width: 22px; height: 2px; background: #000; margin-top: 24px; position: relative; margin-top: 22px; margin-left: 12px; }
.header .button span:before, .header .button span:after { position: absolute; display: block; width: 22px; height: 2px; background: #000; content: ""; }
.header .button span:before { margin-top: -8px; }
.header .button span:after { margin-top: 9px; }
.footer { background-color: #333333; padding-top: 60px; overflow: hidden; }
.footer .top { width: 73%; margin: 0 auto; }
.footer .top { padding-bottom: 80px; overflow:hidden; }
.footer .top .addr { width: 300px;max-width: 100%;background: url('../images/addr.png') no-repeat;
 background-size: 16px; background-position: left 0.2em; padding-left: 25px; text-align: left;}
.footer .top span{display: inline-block;vertical-align: top;}
.footer .top ul li { float: left; }
.footer .top ul li a { color: #fff; font-size: 14px; height: 13px; line-height: 13px; border-right: 1px solid #666666; padding: 0 40px; }
.footer .top ul li:nth-last-child(1) a { border: none; padding-right: 0; }
.footer .top .bot_cont { text-align: right; color: #999999; margin-top: 45px; }
.footer .bottom { background: #2d2d2d; width: 100%; box-sizing: border-box; padding: 16px 13.5%; color: #666666; text-align: center; line-height: 1.5; }
.footer .bottom p { display: inline-block; }
.footer .bottom a { display: inline-block; color: #666666; }
.footer .logo { height: 3.4vw; float:left; }
.footer .logo img { height: 100%; }
 @media screen and (max-width: 1440px) {
.header { padding: 0 10%; }
.header .fr { width: 81%; }
.header .MenuList_f1 li a span { padding: 0 25px; }
}
 @media screen and (max-width: 1024px) {
.logo img { height: 55px; }
.header { padding: 0 0 0 5%; height: 130px; }
.header .MenuList_f1 { height: 80px; }
.header::before { height: 130px; }
.header .MenuList_f1 li a span { height: 76px; line-height: 76px; }
.header .fr { width: 78%; }
.header .logo { margin-top: 35px; }
.header .logo img { height: 60px; }
.header .MenuList_f1 ul { margin-right: 0; }
.header .list_top .lagu { margin-right: 30px; }
.header .MenuList_f1 li a span::after { top: 34px; }
.footer .top { width: 90%; }
.footer .top ul li a { padding: 0 30px; }
.header .logo{width:auto;}
}
@media screen and (max-width: 965px) {
    .header::before{width:272px;}
.header { padding: 0 0 0 5%; height: 100px; }
.header .logo { margin-top: 25px; }
.header .logo img { height: 55px; }
.header::before { height: 100px; }
.button_group { display: block; }
.header .button { margin-top: 25px; }
.header .list_top { display: none; }
.header .MenuList_f1 { display: none; }
.header .MenuList_f1 .on a span { border-color: #696868; color: #c5c5c5; }
.onh .MenuList_f1 { height: auto; display: block; width: 100%; position: absolute; top: 100px; left: 0; margin-left: 0; z-index: 10; padding-top: 6vw; }
.ceng { display: none; background-color: rgba(0,0,0,0.85); position: absolute; top: 100px; left: 0; width: 100%; height: 100%; z-index: 5; display: none; }
.onh .MenuList_f1 ul { text-align: center; }
.onh .MenuList_f1 li { width: 80%; margin: 0 auto; float: none; text-align: center; }
.onh .MenuList_f1 li a span { border-bottom: 1px solid #696868; color: #c5c5c5; font-size: 18px; }
.onh .MenuList_f1 li a span::after { display: none; }
.onh .button span { background-color: transparent; }
.onh .button span:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); margin-top: 0; }
.onh .button span:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); margin-top: 0; }
.footer .fr ul { display: none; }
.footer { padding-top: 40px; }
.footer .top { width: 90%; }
.footer .bottom { padding: 16px 5%; }
.footer .top { padding-bottom: 50px; }
.footer .top .bot_cont { margin-top: 0; text-align: left; margin-left: 5%; }
.footer .phone { display: inline-block; width: 100%; margin-bottom: 20px; text-align: left; box-sizing: border-box; }
}
@media screen and (max-width: 640px) {
.header { background: #134aa7; padding: 0 0 0 3%; height: 70px; }
.button_group { margin-right: 3%; }
.header .logo { margin-top: 15px; }
.header .logo img { height: 40px; }
.header .MenuList_f1 { height: 70px; }
.header::before { height: 70px; }
.button_group { display: block; }
.header .button { margin-top: 10px; }
.header .button { border-color: #fff; }
.header .button span { background: #fff; }
.header .MenuList_f1 .on a span { color: #fff; }
.onh .button span { background-color: transparent; }
.header .button span:before, .header .button span:after { background: #fff; }
.header .MenuList_f1 li { margin-bottom: 10px; }
.header .MenuList_f1 li a span { height: 45px; line-height: 45px; font-size: 16px; border-bottom: none; font-size: 16px; background: rgba(19, 74, 167,0.6); color: #fff; }
.onh .MenuList_f1, .ceng { top: 70px; }
.logo img { height: 35px; margin-bottom: 15px; }
.footer .fr { float: none; }
.footer .top { padding-bottom: 30px; }
.footer .top .bot_cont { margin-left: 0; }
.phone { margin-bottom: 10px; }
.mob-640{display:block !important;}
.product_box .pro_more,.news_box .pro_more {
    float: none !important;
    padding: 3vw 2vw;
}
}