*{margin: 0;padding: 0;}
body{margin: 0;background: #fff;}

.header{position: relative;padding: 0 13.5%;width: 100%;z-index: 999;box-sizing: border-box;background: #fff;}
.header::before{content: "";display: block;width: 30%;height: 100%;position: absolute;left: 0;top: 0;background-color: #134aa7;z-index: -1;}
.header .logo{display: inline-block;float: left; box-sizing: border-box;width: 14%;position: absolute;top: 50%;transform: translateY(-50%);}
.header .logo img{max-height: 100px;display: block;max-width: 100%;margin: 0 auto;}
.header .fr{width: 77%;text-align: right;}
.header .list_top{height: 49px;line-height: 49px;border-bottom: 1px solid #eeeeee;width: 100%;color: #999999;font-size: 14px;}
.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 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: auto;line-height: 1.5;color: #444444;padding: 2vw 2vw;}
.header .MenuList_f1 li a span::after{position: absolute;width: 1px;content: "";display: block;height: 12px;top: 50%;transform: translateY(-50%);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;    width: 100%;font-size: 14px;}
.footer .top{width: 73%;margin: 0 auto;}
.footer .top .fr{width: 780px;}
.footer .top .fr ul{float: right;}
.footer .top{padding-bottom: 4vw;}
.footer .top .addr{background: url('../images/addr.png') no-repeat;background-size: 16px; background-position: left center;padding-left: 25px;}
.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: 4.4vw;display: inline-block;max-width: calc(100% - 800px);}
.footer .logo img{max-height: 100%;max-width: 100%;}
.footer .BannerShow_c1 {height: 4.4vw;display: inline-block;max-width: calc(100% - 800px);}
.footer .BannerShow_c1 div{width: 100%;height: 100%;}
.footer .BannerShow_c1 img{height:100%;display: inline-block;max-width: 100%;}
.lang{display: none;}
@media screen and (max-width: 1250px) {
	.footer .top{width: 85%;}
}
@media screen and (max-width: 1440px) {
	.header{padding: 0 10%;}
	.header .fr{width: 75%;}
}
@media screen and (max-width: 1080px) {
	.logo img{max-height: 55px;}
	.header{padding: 0 0 0 5%;position: fixed;background: #fff;top: 0;}
	.header .MenuList_f1 li a span{height: auto;line-height: 1.5;}
	.header .fr{width: 73%;}
	.header .logo{width: 18%;}
	.header .logo img{max-height: 80px;}
	.header .MenuList_f1 ul{margin-right: 0;}
	.header .list_top .lagu{margin-right: 30px;}

	.footer .top{width: 90%;}
	.footer .top ul li a{padding: 0 30px;}
	.footer .logo {height: 10.4vw;}
	.footer .BannerShow_c1 {height: 10.4vw;}
}
@media screen and (max-width: 965px){
	.lang{display: block;}
	.header{height: 70px;}
	.header .logo {max-height: 50px;}
	.header .logo img{max-height: 100%;}
	.header::before{height: 70px;}
	.button_group{display: block;}
	.header .button{margin-top: 12px;}
	.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: 60%;position: absolute;top: 70px;right: 0;margin-left: 0;z-index: 10;padding-top: 6vw;}
	.ceng{display:none;background-color: rgba(19, 72, 167, 1);;position: fixed;top: 70px;right: 0;width: 60%;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: none;color: #fff;font-size: 18px;}
	.onh .MenuList_f1 li a span::after{display: none;}
	.header .MenuList_f1 li a:hover span{color: #fff;}
	.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 .logo{width: 16%;max-width: none;}
	.footer .BannerShow_c1{width: 16%;max-width: none;}
	.footer .top .fr{width: 80%;}
	.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: 14vw;position: fixed;top: 0;left: 0;}
	.button_group{margin-right: 3%;}
	.header .logo{height: 8vw;margin-top: 3vw;width: 50%;position: relative;margin-top: 0;}
    .header .logo img{max-height: 100%;width: auto;max-width: 100%;height: auto;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}

	.header .MenuList_f1{height: auto;}
	.header::before{height: 14vw;}
	.button_group{display: block;}
	.header .button{margin-top: 2.5vw;height: 9vw; border-color: #fff;}
	.header .button span{background: #fff;margin-top: 4vw;}
	.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: auto;line-height: 1.0;padding: 3.5vw 0;border-bottom: none;font-size: 4.8vw;
		background: rgba(19, 74, 167,0.7);color: #fff;}
	.onh .MenuList_f1,.ceng{top: 14vw;}

	.footer{font-size: 3.8vw;}
	.footer .top .fr{float: none;width: 100%;}
	.footer .top{padding-bottom: 30px;}
	.footer .top .bot_cont{margin-left: 0;}
	.phone{margin-bottom: 10px;}
	.footer .phone{margin-bottom: 5px;}
	.footer .logo{display: none;}
	.footer .BannerShow_c1{display: none;}
	.footer .bottom{padding: 3vw 3%;}
	.footer .top .addr{font-size: 3.8vw;}
}