@import "bootstrap.css";
@import "swiper.min.css";
@import "iconfont.css";

/***

====================================================================
	Reset
====================================================================

 ***/
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: Microsoft YaHei, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 1.8em;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;	
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #443f45;
}

a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	margin: 0;
	background: none;
	line-height: 1.6em;
	font-family: 'Source Sans Pro', sans-serif;
}

input,
button,
select,
textarea {
	font-weight: 100;
}

p {
	position: relative;
	line-height: 1.7em;
	font-family: 'Lato', sans-serif;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

input::-webkit-input-placeholder {
	color: #999;
}



.blank-10 {
	height: 10px;
}

.blank-20 {
	height: 20px;
}

.blank-30 {
	height: 30px;
}

.blank-40 {
	height: 40px;
}

.blank-50 {
	height: 50px;
}

.blank-60 {
	height: 60px;
}

.blank-70 {
	height: 70px;
}

.blank-80 {
	height: 80px;
}

.blank-90 {
	height: 90px;
}

.blank-100 {
	height: 100px;
}

.clearfix {
	clear: both;
	*zoom: 1
}

.clearfix:after {
	display: block;
	content: '';
	clear: both;
}

.paddZero {
	margin: 0 !important;
	padding: 0 !important;
}

.margin_tb_50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.margin_tb_90 {
	margin-top: 90px;
	margin-bottom: 90px;
}

.margin_b_50 {
	margin-bottom: 50px;
}

.margin_b_30 {
	margin-bottom: 30px;
}

.margin_t_50 {
	margin-top: 50px;
}

.margin_b_90 {
	margin-bottom: 90px;
}

.margin_t_90 {
	margin-top: 90px;
}

.mart_30 {
	margin-bottom: 30px;
}

hr {
	border-top: 1px #ccc solid;
}

img {
	max-width: 100%
}

.box_vertical {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
}

.box_horizontal {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
}

.box-align-left {
	-webkit-box-align: left;
}

.box-align-center {
	-webkit-box-align: center;
}

.box-align-right {
	-webkit-box-align: right;
}

.font48 {
	font-size: 48px;
}

.font36 {
	font-size: 36px;
}

.font32 {
	font-size: 32px;
}

.font24 {
	font-size: 24px;
}

.font18 {
	font-size: 18px;
}

.font16 {
	font-size: 16px;
}

/*  web style css */
.banner{
	position: relative;
	height: 780px;
	padding:0 100px;
	background:url(../images/banner_bg.jpg) no-repeat center bottom;
}
.banner_text{
	width:900px;
	height:136px;
	background:url(../images/banner_text.png) no-repeat 0 0;
}
.banner_btn a{
	display: block;
	width:302px;
	height: 90px;
	background:url(../images/banner_btn.png) no-repeat;
}

.logo{
	position: absolute;
	top:0;
	left:100px;
	width:340px;
	height:100px;
	background:url(../images/kintone_logo.png) no-repeat;
}

.partner h2{
	font-size:48px;
	letter-spacing: 1px;
}
.partner h2 span{
	display: inline-block;
	padding:10px;
	color:#ffc413;
	font-size:72px;
	
}
.parnter_list{
	display: block;
	list-style: none;
	text-align: center;
}
.parnter_list li{	
	display: inline-block;
	width:13%;
	text-align: center;
}

.product_box{
	padding:100px 0;
	background:#75a7da;
	min-height: 1000px;
}
.product_left{
	width:40%;
	float:left;
}
.product_title{
	padding-left:100px;
	font-size:36px;
	color:#fff;
	line-height: 70px;
}
.product_title p{
	font-size:42px;
	font-weight: bold;
}
.product_tab{
	padding:50px 0 0 100px;
}
.product_tab a{
	margin:0 50px 50px 0;
	display: inline-block;
	width:150px;
	height:150px;
	border-radius: 80px;
	background:rgba(255,196,19,.5);
	overflow: hidden;
	text-align: center;
	font-size:20px;
	color:#fff;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.product_tab a:nth-child(2){
	background:rgba(238,170,133,1);
}
.product_tab a:nth-child(2) p{
	
	font-size:66px;
}
.product_tab a:nth-child(3),.product_tab a:nth-child(4){
	background:rgba(178,213,129,1);
}

.product_tab a:nth-child(5){
	background:rgba(255,196,19,.5);
}
.product_tab a:nth-child(6){
	background:rgba(255,255,255,.3);
}
.product_tab a p{
	padding:30px 0 0 0;
	height:90px;
	line-height:50px;
	font-size:66px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.product_tab .active,.product_tab a:hover{
	background:rgba(255,255,255,1) !important;
	color: #f79b17;
}
.product_right{
	float:left;
	width:60%;
	background:#fff;
	height:800px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}
.product_con{
	padding:70px 90px;
}
.product_con h2{
	font-size:36px;
	font-weight: bold;
}
.product_text{
	padding:20px 0;
	list-style: none;
}
.product_text li{
	display: block;
	font-size:18px;
	line-height: 40px;
	color: #666;
}
.product_con img{
	max-width:100%;
}

.product_con>div{
	display: none;
}
.trial_one{	
	height: 436px;
	background:url(../images/trial_bg1.jpg) no-repeat center 0;
}
.trial_two{
	margin-top:1px;
	height: 270px;
	background:url(../images/trial_bg2.jpg) no-repeat center 0;
}
.trial_three{
	margin-top:1px;
	height: 270px;
	background:url(../images/trial_bg3.jpg) no-repeat center 0;
}
.trial_btn a{
	display: inline-block;
	padding:20px 50px;
	font-size:36px;
	background:#ff8400;
	border-radius: 20px;
	color:#fff;
	font-weight: bold;
}
.product_btn{
	padding-left:100px;
}
.product_btn a{
	display: block;
	background:#fff;
	font-size:48px;
	color:#f79b17;
	width:80%;
	padding:40px 0;
	text-align: center;
	border-radius: 30px;
}
.advantage_box{
	padding:80px 0;
}
.advantage_box h2{
	font-size:30px;
}
.advantage_box h2 p{
	display: block;
	font-size:36px;
	color:#666;
}
.advantage_list{
	margin-top:80px;
	display: block;
	list-style: none;
}
.advantage_list li{
	margin:0 50px;
	display: inline-block;
	width:310px;
	padding-top:400px;
	background:url(../images/advantage_bg1.png) no-repeat 0 0;
	text-align: center;
	font-size:24px;
}
.advantage_list li:nth-child(2){
	background:url(../images/advantage_bg2.png) no-repeat 0 0;
}
.advantage_list li:nth-child(3){
	background:url(../images/advantage_bg3.png) no-repeat 0 0;
}
.industry_box{
	padding:20px 0 80px 0;
}
.industry_box h2{
	font-size:48px;
}
.industry_box h2 p{
	font-size:24px;
	color:#666;
}
.industry_list li{
	margin:10px;
	position: relative;
	display: inline-block;
}
.industry_list li span{
	position: absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.7);
	text-align:center;
	color:#fff;
	line-height:40px;
	width:100%;
	font-size:18px;
}
.scale_box{
	padding:80px 0;
	height:792px;
	background:url(../images/scale_bg.jpg) no-repeat center 0;
}

.scale_box h2{
	font-size:48px;
	color:#fff;
}
.scale_box h2 p{
	font-size:24px;	
}
.scale_list{
	margin:40px 0 0 0;
	padding-top:150px;
}
.scale_list li{
	margin:0 10px;
	padding:110px 40px 30px 40px;
	display: inline-block;
	position: relative;
	width:380px;
	height:280px;
	background:rgba(255,255,255,.5);
	border-radius: 30px;
	color:#fff;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.scale_list li:hover{
	background:rgba(255,255,255,1);
	color:#000000;
}
.scale_list li h3{
	margin:10px 0;
	font-size:30px;
}
.scale_list li p{
	font-size:20px;
	text-align: left;
}
.scale_list li .scale_yuan{
	position: absolute;
	margin-left:-80px;
	margin-top:-190px;
	left:50%;
	width:160px;
	height: 160px;	
	border-radius: 80px;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.scale_icon1{
	background:rgba(255,255,255,1) url(../images/scale_icon1.png) no-repeat center center;
}
.scale_icon2{
	background:rgba(255,255,255,1) url(../images/scale_icon2.png) no-repeat center center;
}
.scale_icon3{
	background:rgba(255,255,255,1) url(../images/scale_icon3.png) no-repeat center center;
}

.language_box{
	padding:30px 0 100px 0;
	min-height:570px;
	background:url(../images/language_bg.jpg) no-repeat center 230px;
}
.language_box h2{
	font-size:48px;
}
.language_box h2 p{
	font-size:24px;
	color:#666;
}

.company_box{
	padding:100px 0;
	min-height:650px;
	background:#f5f5f5 url(../images/company_pic.png) no-repeat center 300px;
}
.company_box h2{
	font-size:48px;
}
.company_box h2 p{
	font-size:24px;
	color:#666;
}

.foot{
	padding-top:220px;
	min-height:905px;
	background:#fff url(../images/foot_logo.png) no-repeat center 90px;
}
.btn_function{
	position: fixed;
	right:2px;
	top:50%;
	width:80px;
	height:162px;
	margin-top:-80px;
}
.btn_function>div{
	cursor: pointer;
	
}
.btn_function>div:nth-child(2){
	border-top:2px #fff solid;
}
@media (min-width:1400px) and (max-width:1601px) {
	.product_title{
		padding-left:100px;
		font-size:36px;
		color:#fff;
		line-height: 70px;
	}
	.product_title p{
		font-size:32px;
		font-weight: bold;
	}
	.product_tab{
		padding:50px 0 0 100px;
	}
	.product_tab a{
		margin:0 30px 30px 0;
		display: inline-block;
		width:110px;
		height:110px;
		border-radius: 80px;
		background:rgba(255,255,255,.3);
		overflow: hidden;
		text-align: center;
		font-size:20px;
		color:#fff;
		transition: All 0.4s ease-in-out;
		-webkit-transition: All 0.4s ease-in-out;
		-moz-transition: All 0.4s ease-in-out;
		-o-transition: All 0.4s ease-in-out;
	}
	.product_tab a p{
		padding:30px 0 0 0;
		height:60px;
		line-height:30px;
		font-size:48px;
		display: block;
		overflow: hidden;
		text-align: center;
	}
	.product_tab .active,.product_tab a:hover{
		background:rgba(255,255,255,1) !important;
		color: #f79b17;
	}
}


@media (min-width:100px) and (max-width:750px) {
	.banner{
		display: none;
	}
	.blank-80{
		height:40px;
	}
	.blank-60{
		height:30px;
	}
	
	.partner h2{
		font-size:24px;
		letter-spacing: 1px;
	}
	.partner h2 span{
		display: inline-block;
		padding:10px;
		color:#ffc413;
		font-size:36px;
		
	}
	.parnter_list{
		display: block;
		list-style: none;
		text-align: left;
		padding:0 5%;
	}
	.parnter_list li{	
		display: inline-block;
		width:22%;
		text-align: center;
	}
	
	.product_box{
		padding:60px 0;
		background:#638c0a;
		min-height: 1000px;
	}
	.product_left{
		width:100%;
		float:left;
	}
	.product_title{
		padding-left:30px;
		font-size:30px;
		color:#fff;
		line-height: 70px;
	}
	.product_title p{
		font-size:36px;
		font-weight: bold;
	}
	.product_tab{
		padding:50px 0 0 30px;
	}
	.product_tab a{
		margin:0 30px 30px 0;
		display: inline-block;
		width:120px;
		height:120px;
		border-radius: 80px;
		background:rgba(255,196,19,.5);
		overflow: hidden;
		text-align: center;
		font-size:16px;
		color:#fff;
		transition: All 0.4s ease-in-out;
		-webkit-transition: All 0.4s ease-in-out;
		-moz-transition: All 0.4s ease-in-out;
		-o-transition: All 0.4s ease-in-out;
	}
	.product_tab a:nth-child(2){
		background:rgba(238,170,133,1);
	}
	.product_tab a:nth-child(2) p{
		
		font-size:66px;
	}
	.product_tab a:nth-child(3){
		background:rgba(97,180,240,.7);
	}
	.product_tab a:nth-child(4){
		background:rgba(97,180,240,.7);
	}
	.product_tab a:nth-child(5){
		background:rgba(255,196,19,.5);
	}
	.product_tab a:nth-child(6){
		background:rgba(255,255,255,.3);
	}
	.product_tab a p{
		padding:10px 0 0 0;
		height:70px;
		line-height:70px;
		font-size:56px;
		display: block;
		overflow: hidden;
		text-align: center;
	}
	.product_tab .active,.product_tab a:hover{
		background:rgba(255,255,255,1) !important;
		color: #f79b17;
	}
	.product_right{
		margin-left:4%;
		float:left;
		width:96%;
		background:#fff;
		height:auto;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.product_con{
		padding:50px 30px;
	}
	.product_con h2{
		font-size:24px;
		font-weight: bold;
	}
	.product_text{
		padding:20px 0;
		list-style: none;
	}
	.product_text li{
		display: block;
		font-size:18px;
		line-height: 40px;
		color: #666;
	}
	.product_con img{
		max-width:100%;
	}
	
	.product_con>div{
		display: none;
	}
	
	
}