body{
	-webkit-text-size-adjust: 100% !important;
	text-align: center;
	background-color: #002D7E;
	max-width: 1500px;
	margin: auto;
}
* {margin:0;padding:0;border:none;list-style:none;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration: none}
img{
	max-width: 100%;
	height: auto;
}
.top .language{
  position: absolute;
  right: calc(50% - 700px);
  top: 50px;
}
.top{
	background: url(../images/topbg.jpg) no-repeat;
	background-size: 100%;
}
.top .toptitle{
	width: 48%;
	margin-bottom: 120px;
	animation: fadeInUp 1s ease 0s 1 both;
}
.top .topbtn{
	margin-top:20px;
}
.top .btn4 img{
	margin:1vh auto;
	width: 40%;
	height: auto;
	cursor: pointer;
}
.top .btn5 img{
	width: 15%;
	height: auto;
	margin-top: 20px;
	cursor: pointer;
}
.top .btn5 img:nth-child(even){
	height: 100px;
	width: auto;
	cursor: auto;
}
.top .btn5{
	height: 270px;
	background: url(../images/topbg1.jpg) no-repeat bottom;
	background-size: 100%;
}
.main .body{
	display:none;
}
.main .body .b1 div, .main .body .b2 div{
	display:none;
}
.main .body .b1 a, .main .body .b2 a{
	cursor: pointer;
}
.main .body .b1{
	width: 1000px;
	height: 599px;
	margin: auto;
	background: url(../images/main5_1.jpg) no-repeat bottom;
	background-size: 100%;
	padding: 180px 8% 0;
}
.main .body .b1 img{
	width:27%;
	margin: 20px 3%;
	float: left;
	border: 2px solid #ccc;
}
.main .body .b1 span{
	width:27%;
	margin: 20px 3%;
	float: left;
}
.main .body .b2{
	width: 1000px;
	height: 696px;
	margin: auto;
	background: url(../images/main5_2.jpg) no-repeat bottom;
	background-size: 100%;
	padding: 180px 8% 0;
}
.main .body .b2 span{
	width: 200px;
	height: 65px;
	margin: 20px 3.5%;
	float: left;
}
.main .body .b2 a{
	width: 200px;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	margin: 20px 3.5%;
	float: left;
	border: 2px solid #ccc;
	background-color: #FFF;
}
.main .body .b2 a:nth-child(6){
	padding-top: 7px;
	line-height: 25px;
}

.main .body .country{
	width: 1000px;
	background: url(../images/country/bg.jpg) repeat-y;
	background-size: 100%;
	margin: -1px auto;
	overflow: hidden;
	padding-top: 50px;
}
.main .body .country a{
	width: 362px;
	display: block;
	float: left;
	margin-left: 105px;
	margin-top: -50px;
	cursor: pointer;
}
.main .body .country a:nth-child(even){
	margin-left: 55px;
	margin-top: 50px;
}

.layui-layer-title{text-align: left;}
body .layer-red .layui-layer-title{background:#c00; color:#fff; border: none;}
body .layer-blue .layui-layer-title{background:#005BAC; color:#fff; border: none;}
body .layer-green .layui-layer-title{background:#019784; color:#fff; border: none;}

body .layer-blueb .layui-layer-title{background:#005BAC; color:#fff; border: none;}
body .layer-blueb .layui-layer-content {background-color: #002D7E;}

a div {display: none}
.cbox{
	display:block;
	width:100%;
	max-width:1000px;
	margin:auto;
	background: #FFF url(../images/country/bbg.jpg) repeat-y;
	background-size: 100%;
}
.cbox o{
	display:block;
	width:100%;
	min-height: 100vw;
	margin:auto;
	background: url(../images/country/bbgtop.jpg) top no-repeat;
	background-size: 100%;
	padding: 60px 120px 0;
	text-align: left;
	font-size: 18px;
	line-height: 180%;
	text-align:justify;
	word-break:break-all;
}
.cbox:after{
	content: "";
	display:block;
	width:100%;
	min-height: 4vw;
	margin: auto;
	background: url(../images/country/bbottom.jpg) bottom no-repeat;
	background-size: 100%;
}
.cbox o *{
	font-size: 18px;
	line-height: 180%;
}
.cbox o p{
	text-indent: 2em;
}

@media (max-width: 768px) {
	.cbox o{
		padding: 30px 12vw 0;
	}
	.cbox o *{
		font-size: 14px;
	}
	
	.bdshare-slide-button-box{display:none !important;}
	img{
		max-width: 100%;
		height: auto;
	}
	.top .language{
	  position: absolute;
	  width: 15vw;
	  right: 5vw;
	  top: 5vw;
	}
	.top{
		background: url(../images/topbg.jpg) no-repeat;
		background-size: 125%;
	}
	.top .toptitle{
		width: 60%;
		margin-bottom: 20px;
	}
	.top .btn4 img{
		width: 90%;
		animation: fadeInRightBig 1s ease 0s 1 both;
	}
	.top .btn4 img:nth-child(even){
		animation: fadeInLeftBig 1s ease 0s 1 both;
		height: auto;
	}
	.top .btn5{
		height: 120px;
	}
	.top .btn5 img{
		margin-top: 10px;
		width: 38%;
	}
	.top .btn5 img:nth-child(1){
		animation: fadeInLeft 1s ease 0s 1 both;
	}
	.top .btn5 img:nth-child(2){
		width: 7%;
		height: auto;
		animation: bounceInUp 1s ease 0s 1 both;
	}
	.top .btn5 img:nth-child(3){
		animation: fadeInRight 1s ease 0s 1 both;
	}
	.main{
		width: 96%;
		margin: auto;
	}
	.main .body .b1{
		width: 100%;
		height: 59.9vw;
		margin: auto;
		background: url(../images/main5_1.jpg) no-repeat bottom;
		background-size: 100%;
		padding: 20vw 8% 0;
	}
	.main .body .b1 span{
		width:27%;
		margin: 5px 3%;
		float: left;
	}
	.main .body .b1 img{
		width:27%;
		margin: 5px 3%;
		float: left;
		border: 1px solid #ccc;
	}
	.main .body .b2{
		width: 100%;
		height: 69.6vw;
		margin: auto;
		background: url(../images/main5_2.jpg) no-repeat bottom;
		background-size: 100%;
		padding: 20vw 8% 0;
	}
	.main .body .b2 span{
		width:27%;
		margin: 5px 3%;
		float: left;
	}
	.main .body .b2 a{
		width:27%;
		margin: 5px 3%;
		float: left;
		border: 1px solid #ccc;
		height: 40px;
		line-height: 40px;
		font-size: 3.2vw;
		margin: 5px 3%;
		float: left;
		background-color: #FFF;
	}
	.main .body .b2 a:nth-child(6){
		padding-top: 2px;
		line-height: 17px;
	}
	.main .body .country{
		width: 100%;
		padding-top: 51px;
	}
	.main .body .country a{
		width: 37%;
		margin-left: 10%;
	}
	.main .body .country a:nth-child(even){
		margin-left: 5%;
		margin-top: 0;
	}
}