html,
body {
    height: 100%;
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin: 0;
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
	text-decoration: none;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}
img{
	width: 100%;
}
.icon-title{
	display: inline-block;
	width: 90px;
	height: 5px;
	background-color: #04CB94;
	border-radius: 10px;
}

/* 标题通用样式 */
.page-title{
	text-align: center;
	color: #222222;
}
.page-title .title-zh{
	font-size: 45px;
}
.page-title .title-en{
	font-size: 20px;
	margin-top: 20px;
	transform: scale(1.5, 1.2);
}
.page-title .title-en span:nth-child(1), .page-title .title-en span:nth-child(3){
	display: inline-block;
	width: 70px;
	height: 1px;
	background: #BCBCBC;
}
.page-title .title-en span:nth-child(2){
	color: #868584;
	font-size: 15px;
	margin: 0 20px;
}

.party-1920{
	width: 1920px;
	margin: 0 auto;
}
.party-1200{
	width: 1200px;
	margin: 0 auto;
}

.header{
	height: 160px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .sitename{
	color: #AE8862;
	font-size: 48px;
}
.header .ruzhu .tip{
	display: flex;
	align-items: center;
	color: #B3B5BE;
	font-size: 20px;
}
.header .ruzhu img{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.header .ruzhu .phone{
	color: #1E2024;
	font-size: 46px;
}
/* 项目介绍 */
.introduce{
	padding: 90px 0 95px;
}
.introduce .introduce-title{
	text-align: center;
}
.introduce .introduce-title .t{
	font-size: 45px;
	color: #222222;
	padding-bottom: 40px;
}
.introduce .introduce-list{
	margin-top: 75px;
	display: flex;
	justify-content: space-between;
}
.introduce .introduce-list .introduce-li{
	width: 365px;
	box-shadow: 0px 5px 24px 0px rgba(93,93,93,0.14);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
	border-radius: 15px;
}
.introduce .introduce-list .introduce-li .introduce-t{
	color: #314659;
	font-size: 26px;
	padding: 20px 0 30px;
}
.introduce .introduce-list .introduce-li img{
	width: 250px;
}
.introduce .introduce-list .introduce-li .introduce-c{
	text-align: center;
	margin-top: 20px;
	color: #5C7082;
}
.introduce .introduce-list .introduce-li .introduce-c p{
	line-height: 0.8;
}
.introduce .introduce-list .introduce-li-act{
	background-color: #04CB94;

}
.introduce .introduce-list .introduce-li-act .introduce-t, .introduce .introduce-list .introduce-li-act .introduce-c{
	color: #ffffff;
}
/* 助力企业转型升级 */
.upgrade{
	background-color: #04CB94;
	padding: 90px 0 140px;
}
.upgrade .upgrade-title{
	text-align: center;
	color: #ffffff;
	font-size: 45px;
}
.upgrade .upgrade-list{
	background-color: #ffffff;
	padding: 30px 0 40px;
	margin-top: 70px;
	border-radius: 15px;
}
.upgrade .upgrade-list .upgrade-ul{
	display: flex;
	justify-content: space-around;
	padding: 30px 0;
	text-align: center;
}
.upgrade .upgrade-list .upgrade-ul .upgrade-li .upgrade-nums{
	font-size: 50px;
	color: #314659;
}
.upgrade .upgrade-list .upgrade-ul .upgrade-li img{
	width: 60px;
	height: 60px;
}
.upgrade .upgrade-list .upgrade-ul .upgrade-li .text{
	font-size: 20px;
	color: #314659;
}
/* 公司介绍 */
.company{
	padding: 95px 0;
	height: 810px;
	position: relative;
}
.company img{
	width: 580px;
	height: 620px;
	border-radius: 2px;
	position: absolute;
	top: 95px;
}
.company .company-info{
	background-color: #ffffff;
	box-shadow: 0px 5px 24px 0px rgba(93,93,93,0.14);
	width: 820px;
	border-radius: 15px;
	position: absolute;
	top: 205px;
	left: 380px;
	padding: 30px 50px 50px;
}
.company .company-info .company-t{
	font-size: 45px;
	color: #314659;
	padding-bottom: 10px;
}
.company .company-info .company-c{
	margin-top: 30px;
	color: #314659;
	font-size: 20px;
	line-height: 1.8;
}
/* 服务客户 */
.service{
	padding-bottom: 150px;
}
.service .service-list {
	margin-top: 70px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service .service-list img{
	width: 280px;
}

/* 联系我们 */
.contact-us .map{
	margin-top: 10px;
}
.contact-us .map img{
	width: 100%;
	height: auto;
}
.contact-us .contact-list{
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	background-color: #F7F9FC;
	box-shadow: 1px 7px 27px 0px rgba(153,175,206,0.19);
	padding: 25px 0 30px;
	margin-top: 50px;
}
.contact-us .contact-list .contact-li{
	width: 28%;
	display: flex;
	align-items: center;
}
.contact-us .contact-list .contact-li .icon{
	display: flex;
}
.contact-us .contact-list .contact-li .icon img{
	width: 50px;
	height: 50px;
}
.contact-us .contact-list .contact-li .content{
	margin-left: 15px;
}
.contact-us .contact-list .contact-li .content .li-type{
	color: #9B9EA7;
	font-size: 16px;
}
.contact-us .contact-list .contact-li .content .li-text{
	color: #25282F;
	font-size: 20px;
}
/* 下载 */
.download{
	margin-top: 80px;
}
.download .img{
	text-align: center;
	margin-top: 30px;
}
.download .img img{
	width: 200px;
	height: 200px;
}
/* 备案 */
.record{
	margin-top: 100px;
	text-align: center;
	padding: 10px 0;
}