@charset "utf-8";
*:before,
*:after,
*{
	margin: 0;
	padding: 0;
	font-family: Microsoft Yahei, arial, SimSun, Tahoma, Helvetica, STHeiti, sans-serif;
	list-style: none;
	line-height: 1;
	transition-property: color, border-color,background-color;
    transition-duration:0.3s;
    transition-timing-function:linear;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"]{
     box-sizing:content-box;
}
input[type="button"], 
input[type="text"], 
input[type="submit"], 
input[type="reset"],
textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}
p{
	line-height: inherit;
}
a {
	text-decoration: none;
	color: #333;
}
body {
	background: #fff;
	color: #333;
	font-size: 14px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: 400;
}
img {
	border: 0;
}
textarea,
select,
option,
input {
	outline: none;
}
textarea{
    resize:none;
}
.clearBoth,
.clearboth {
	clear: both;
}
.bordernone {
	border: none!important;
}

.centerBox{
	margin:0 auto;
	width:100%;
	max-width: 1000px;
}
.centerBox:after{
	content:"";
	display:block;
	clear:both;
}
/*头*/
.blank{
	width: 100%;
	height: 108px;
}
.hidden{
	width:100%;
	height:100%;
	overflow: hidden;
}
.header{
	width: 100%;
	box-shadow: 0 0 5px #c9c9c9;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.top{
	width: 100%;
	background-color: #2f395d;
	height: 28px;
	line-height: 28px;
}
.top .centerBox{
	height: 100%;
	line-height: inherit;
}
.top .centerBox p{
	display: block;
	float: left;
	height: 100%;
	line-height: inherit;
	color: #fff;
	font-size: 14px;
}
ul{
	display: block;
}
.top .centerBox ul{
	float: right;
	overflow: hidden;
	height: 100%;
	line-height: inherit;
}
.top .centerBox ul li,.top .centerBox ul li a{
	display: block;
	height: 100%;
	line-height: inherit;
	color: #fff;
	font-size: 14px;
}
.top .centerBox ul li{
	float: left;
}
.top .centerBox ul li+li{
	margin-left: 15px;
}
.top .centerBox ul li img{
	display: inline-block;
	width: 20px;
	height: 14px;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 10px;
}
.second{
	background-color: #fff;
	padding: 10px 0;
}
.logo{
	height: 60px;
	float: left;
	max-width: 50%;
}
.logo img{
	height: 100%;
	max-width: 100%;
}
.nav{
	float: right;
	overflow: hidden;
	padding-top: 20px;
}
.nav a{
	display: block;
	float: left;
	font-size: 18px;
	height: 30px;
	line-height: 24px;
}
.nav a+a{
	margin-left: 55px;
}
.nav a.active{
	border-bottom: 2px solid #2f395d;
	color: #2f395d;
}
.nav a:last-child{
	display: none;
}
.phone{
	float: right;
	display: none;	
}
.mask{
	background-color: rgba(0,0,0,0.5);
	display: none;
}
/*banner*/
.banner{
	width: 100%;
	height: 850px;
}
.banner .swiper-slide{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
/*尾*/
.footer{
	width: 100%;
	border-top: 4px solid #2f395d;
}
.contant{
	width: 100%;
	background-color: #e6e6e6;
	padding: 50px 0;
}
.contant .left{
	float: left;
}
.contant .left .ch{
	font-size: 32px;
	line-height: 36px;
}
.contant .left .en{
	font-size: 24px;
	color: #2f395d;
	line-height: 36px;
}
.contant .left .address{
	font-size: 16px;
	line-height: 32px;
	padding-top: 10px;
}
.contant .right{
	float: right;
	width: 180px;
	margin: 5px 0;
}
.contant .right img{
	display: block;
	width: 100%;
}
.contant .right p{
	font-size: 16px;
	display: block;
	text-align: center;
	margin-top: 8px;
}
.opacity{
	width: 100%;
	background-color: #333333;
	padding: 10px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.opacity .centerBox{
	line-height: inherit;
}
/*关于我们*/
.about{
	width: 100%;
	padding: 70px 0 125px;
	background-color: #fff;
}
.about .left{
	float: left;
	width: 400px;
}
.about .left .border{
	border: 4px solid #2f395d;
	position: relative;
	width: 100%;
	height: 250px;
}
.about .left .border img{
	display: block;
	width: 410px;
	height: 260px;
	position: absolute;
	padding: 10px;
	background-color: #fff;
	left: 50px;
	top: 50px;
	box-shadow:inset 0 0 5px #ccc;
}
.about .right{
	float: right;
	margin-right: 15px;
	width: 485px;
	padding-top: 50px;
}
.about .right .ch{
	font-size: 32px;
	line-height: 36px;
}
.about .right .ch
.about .right .en{
	font-size: 24px;
	color: #2f395d;
	line-height: 36px;
}
.about .right .description{
	font-size: 16px;
	line-height: 32px;
	padding-top: 10px;
}
/*产品简介*/
.productDes{
	padding: 55px 0;
	background-image: url(../img/bg-1.png),url(../img/bg-2.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left bottom,right bottom;
	background-size: auto ,auto; 
	background-color: #f5f6fa;
}
.currencytitle{
	text-align: center;
	margin-bottom: 35px;
}
.currencytitle .t1{
	font-size: 32px;
	color: #000;
} 
.currencytitle span{
	display: block;
	width: 10px;
	height: 10px;
	background: #2f395d;
	position: relative;
	border-radius: 100%;
	margin: 30px auto 20px;
} 
.currencytitle span:before,.currencytitle span:after{
	display: block;
	position: absolute;
	content: '';
	width: 90px;
	height: 3px;
	background-color: #999;
	top: 40%;
}
.currencytitle span:before{
	right: 200%;
}
.currencytitle span:after{
	left: 200%;
}
.currencytitle .t2{
	font-size: 14px;
	color: #999;
	line-height: 24px;
	width: 60%;
	text-align: center;
	display: block;
	margin: 0 auto;
} 
.slide{
	width: 100%;
	height: 360px;
	border-radius: 6px;
	overflow: hidden;
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.slide .swiper-slide {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.slide .swiper-container-horizontal > .swiper-pagination-bullets {
    top: 10px;
}
.slide .swiper-pagination {
    text-align: right;
}
.server{
	padding: 70px 0 90px;
}
.server ul{
	width:100%;
}
.server ul:after{
	content: '';
	display: block;
	clear: both;
}
.server ul li{
	float: left;
	width: 25%;
	text-align: center;
	cursor: pointer;
}
.server ul li .circle{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 100%;
	background-color: #999;
	text-align: center;
	line-height: 100px;
}
.server ul li .circle img{
	display: inline-block;
	vertical-align: middle;
	max-width: 60px;
	max-height: 60px;
	margin-top: -4px;
}
.server ul li p{
	font-size: 18px;
	color: #000;
	margin-top: 20px;
	line-height: 20px;
}
.server ul li .circle:hover{
	background-color: #2F395D;
}
.server ul li .circle:hover+p{
	color: #2F395D;
}