﻿@charset "UTF-8";

/* 全局样式 */

html {
	font-family: 'Microsoft YaHei';
}

* {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	background: #ffffff;
	margin: 0 auto;
	font-weight: normal;
	min-width: 1200px;
	max-width: 1920px;
}

a {
	text-decoration: none;
	display: inline-block;
}

a,
input,
button,
label,
textarea {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	-webkit-appearance: none;
	font-family: 'Microsoft YaHei';
	outline: none;
}

img {
	display: block;
}

ul,
li {
	list-style: none;
}

h1 {
	font-size: 36px;
	color: #0009c0;
	display: block;
	line-height: 40px;
	text-align: center;
}

p {
	font-weight: normal;
	display: block;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #000000;
}

.main-one {
	width: 100%;
	height: 515px;
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.main-two {
	width: 100%;
	height: 499px;
	background-color: #ab0c0f;
	overflow: hidden;
}
.main-two .countryUl{
	width: 1200px;
	height: 103px;
	margin: 0 auto;
}
.main-two .countryUl li{
	display: inline-block;
	float: left;
	cursor: pointer;
}
.main-two .countryData{
	width: 100%;
	height: 396px;
}
.main-two .countryData li{
	width: 100%;
	height: 396px;
	position: relative;
	overflow: hidden;
	display: none;
}
.main-two .countryData li img{
	width: 1920px;
	height: 396px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0px;
}
.show{
	display: block!important;
}
.countryUl li:first-child.active{
	background-color: #225ce1;
}
.countryUl li:nth-child(2).active{
	background-color: #007c2f;
}
.countryUl li:nth-child(3).active{
	background-color: #005ee2;
}
.countryUl li:last-child.active{
	background-color: #e83a00;
}
.main-three {
	width: 100%;
	height: 616px;
	background-image: url(../images/bg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.main-three .main-main{
	width: 1200px;
	height: 616px;
	overflow: hidden;
	margin: 0 auto;
}
.main-three .main-main p{
	display: block;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #ffffff;
	padding: 35px 0 30px 0;
}

.contentBox .checkBox{
  width: 832px;height: auto;overflow: hidden;margin: 0 auto;background-color: #ffffff;margin-bottom: 20px;
}
.contentBox .checkBox .object{
  width: 200px;height: auto;overflow: hidden;float: left;margin: 1px auto 1px 1px;
}
.contentBox .checkBox .object li{
  width: 100%;height: 50px;float: left;text-align: center;font-size: 16px;font-weight: bold;color: #ffffff;line-height: 50px;font-weight: bold;background-color: #b78c69;border-bottom: 1px solid #ffffff;
}
.contentBox .checkBox .object li:last-child,.contentBox .checkBox .option li:last-child{
  border-bottom: 0;
}
.contentBox .checkBox .option{
  width: 630px;height: auto;overflow: hidden;float: left;margin: 1px 1px 1px auto;
}
.contentBox .checkBox .option li{
  width: 100%;height: 50px;float: left;padding: 5px 0;padding-left: 40px;border-bottom: 1px solid #b78c69;
}
.contentBox .checkBox .option li div{
  width: auto;height: 40px;float: left;overflow: hidden;display: inline-block;margin-right: 40px;
}
.contentBox .checkBox .option li label{
  display: inline-block;position: relative;height: 40px;-webkit-tap-highlight-color:rgba(255,0,0,0);font-size: 16px;line-height: 40px;color: #000000;float: left;
}
.contentBox .checkBox .option li input[type='radio']{
  width: 20px;height: 20px;border:solid 1px #b78c69;float: left;opacity: 0;margin: 10px 0;box-sizing: border-box;-webkit-box-sizing: border-box;margin-left: 5px;
}
.contentBox .checkBox .option li label:before { 
  content: ''; position: absolute; left: -25px;top: 10px; width: 20px; height:20px; border: 1px solid #b78c69; box-sizing: border-box;-webkit-box-sizing: border-box;background: #ffffff;
} 
.contentBox .checkBox .option li label:after { 
  content: ''; position: absolute; left: -25px; top: 10px; width: 20px; height: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;
} 
.contentBox .checkBox .option li input[type='radio']:checked + label:after {
  content: "\2713";color: #b78c69;line-height: 20px;font-size: 16px;text-align: center;
} 
.contentBox .formT{
  width: 582px;height: auto;overflow:  hidden;margin: 0 auto;
}
.contentBox .formT div{
  width: 582px;height: 50px;margin-bottom: 8px;position: relative;border: 1px solid #ffffff;
}
.contentBox .formT label{
  display: block;height: 50px;width: 80px;position: absolute;left: 1px;top: 1px;color: #ffffff;font-size: 22px;line-height: 50px;text-align: center;
}
.contentBox .formT input[type='text']{
  width: 480px;float: right;height: 50px;line-height: normal;font-size: 22px;color: #ffffff;background: #ffffff;position: absolute;left: 90px;top: 1px;background: rgba(255,255,255,0);
}
.contentBox .formT button{
  width: 371px;height: 46px;cursor: pointer;background-image: url(../images/button.png);background-color: rgba(255,255,255,0);background-repeat: no-repeat;background-size: cover;background-position: center center;border: 0;outline: none;
}