@charset "utf-8";
@import url(base.css);
html{ background:#ccc}
body{ width:1200px; margin:0 auto; background:#fff}
.box{display: block;width: 100%;height: 100%;}
.boxed{width:100%;position:relative;height:100%;}
.boxconter{width:100%;position:absolute;top:50%;left:50%;padding: 0 4%;box-sizing: border-box;
transform:translate(-50%, -50%);display:flex;align-items:center;justify-content: center;}
.boxleft{float:left;width:300px;margin-right:400px;}
.boxfirstimg{width:100%;height: 258px;display: flex;align-items: center;}
.boxfirstimg img{display: block;max-width:100%;margin:0 auto;}
.boxright{float:right;width:300px;}
.boxsimg{width: 100%;height: 140px;display:flex;align-items:center;}
.boxsimg img{display: block;max-width:100%;margin:0 auto;}
.boxtext{width: 100%;height: 60px;display: flex;align-items: center;}
.boximgfirst{float: left;height: 30px;width: 440px;margin-right: 10px;}
.boximgfirst:last-child{margin-right: 0;margin-left: 10px;}
.boximgtwo{float: left;width: 40px;}
.boxanniu{display: block;width: 160px;margin: 6px auto 0;}
.boxanniu img{display: block;max-width:100%;margin:0 auto;}
.boxlogo{position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);width: 300px;}
.boxlogo img{display: block;max-width:100%;margin:0 auto;}
.header{width: 100%;height: 100px;background: #fff;padding: 0 3%;box-sizing: border-box;}

.headerleft{float: left;margin-top: 27px;}
.headerleft a{display: block;max-width: 200px;}
.headerleft a img{display: block;max-width: 100%;}
.headeright{float: right;margin-top: 54px;}
.headeright ul li{float: left;margin-right: 65px;position: relative;padding-bottom: 22px;box-sizing: border-box;}
.headeright ul li:last-child{margin-right: 0;}
.headeright ul li>a{display: block;font-size: 18px;color: #333;font-weight: 500;}
.headerdown{position: absolute;top: 46px;left: 50%;width: 280px;background: #fff;display: none;
border-radius: 0 0 4px 4px;margin-left: -140px;box-shadow: 0 20px 15px rgba(0,0,0,0.2);}
.headerdown a{display: block;font-size: 16px;color: #333;font-weight: 400;padding: 8px 6px;
box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerdown a:last-child{border-radius: 0 0 4px 4px;}
.headerdown a:hover{background: #ddd;}
.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.conter{ padding:20px 30px}
.addconter{padding: 20px 80px;}
.firstconter{padding: 40px 0;box-sizing: border-box;background: #fff;
margin: 0 auto;}
.firstconter p{font-size: 16px;color: #333;font-weight: 500;line-height: 30px;}
.firstconter p img{display: block;max-width: 100%;margin: 0 auto;}
.contact{padding: 20px 0;box-sizing: border-box;background: #fff;
margin: 0 auto;}
.contact p{font-size: 16px;color: #333;font-weight: 500;line-height: 30px;}
.contact p img{display: block;max-width: 100%;margin: 0 auto;}
.footer{border-top: 1px solid #ddd;padding: 20px 30px;box-sizing: border-box;
background: #fff;}
.footerleft{float: left;}
.footerleft p{font-size: 16px;color: #000;font-weight: 500;line-height: 40px;}
.footeright{float: right;}
.footeright a{float: left;width: 40px;height: 40px;margin-right: 12px;}
.footeright a.fyou{width: 90px;}
.footeright a:last-child{margin-right: 0;}
.footeright a img{display: block;width: 100%;height: 100%;}
.butterlist{width: 100%;}
.butterlist ul li{width: 100%;margin-bottom: 30px;display: flex;align-items: center;}
.butterlist ul li:last-child{margin-bottom: 0;}
.buleft{float: left;width: 30%;margin-right: 4%;}
.buleft img{display: block;max-width: 100%;margin: 0 auto;}
.buright{float: left;width: 66%;}
.buright p{font-size: 14px;color: #333;font-weight: 500;line-height: 24px;}
.balllist ul li .buleft{width: 60%;margin-right: 4%;}
.balllist ul li .buright{width: 36%;}
.balllist ul li .buright h5{margin-bottom: 40px;font-size: 14px;color: #333;font-weight: 500;}
.gatelist ul li .buleft{width: 35%;margin-left: 2%;}
.gatelist ul li .buright{width: 48%;}
.gatelist ul li .buright h5{margin-bottom: 40px;font-size: 14px;color: #333;font-weight: 500;}
.customized{width: 100%;}
.customized p{font-size: 16px;color: #333;font-weight: 500;line-height: 30px;}
.customized p img{display: block;max-width: 100%;margin: 0 auto;}
.nlist li p{ padding-bottom:15px;}
.nlist li{ padding:20px 0 }
img{
	max-width:100%
}

.lang{ position:absolute; right:0px; top:-36px;}
.lang img{
	height:20px;
	width:auto
}
@media only screen and (min-width:768px){
	.headeright{ position:relative}
}
@media only screen and (max-width:768px){
	.lang{ top:25px; right:70px }
	body{ width:100%; padding-top:68px;}
	.addconter{ padding:15px}
	.butterlist ul li{ display:block}
	.headeright{ margin-top:14px;}
	.headerleft a img{ width:75%; margin-top:10px}
	.headeright,.balllist ul li .buleft,.balllist ul li .buright,.gatelist ul li .buright,.gatelist ul li .buleft,.buleft,.buright{ clear:both; width:100%}
	#headerconter{ display:none}
	.headerleft{ margin-top:7px;}
.navbar{ position:absolute; right:20px; top:25px; border-top:#aaa solid 3px; width:30px;}
.navbar:after{ content:''; display:block; height:3px; position:absolute; top:6px; width:100%;background:#aaa}
.navbar:before{ content:''; display:block; height:3px; background:#aaa; position:absolute; top:15px; width:100%}
.header{ position:fixed; top:0; left:0 ; height:auto}
	.headeright ul li{ margin:0; width:100%; text-align:center;}
	.headeright ul li>a{ font-size:14px;}
	.headeright ul{ background:#efefef; width:100%;  position:absolute; right:0px; top:67px}
	.headeright ul li{  padding:15px 0; border-bottom:#ccc solid 1px; }
	.headeright ul li a{text-align:left; display:inline-block; float:left; width:80%;padding-left:20px;}
	.headerdown{ position:static; margin:0; background:none;box-shadow:none; width:100%; clear:both; margin-top:33px; padding-left:20px;}
	.headeright ul .headerdown a{ font-size:14px; width:100%; float:none; display:block;}
	.hover #headerconter{ display:block}
	.headeright ul li.headerlist a{ width:auto}
	.headeright ul li.headerlist:after{ content:''; display:block; width: 0;
    height: 0;
    border-top: 8px solid #999;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent; position:absolute; right:20px; top:20px}
}