﻿

/*轮播*/
.i_loop{width: 7.5rem;float: left;height: 3rem;}
.i_loop .mui-slider-group .mui-slider-item{width: 7.5rem;height: 3rem;font-size: inherit;}
.i_loop .mui-slider-group .mui-slider-item a{
	width: 100%;
	height: 3rem;
	float: left;
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.i_loop .mui-slider-indicator{
	bottom: 0.3rem;
	float: left;
	display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
　　-webkit-justify-content:center;
　　-moz-box-pack:center;
　　-webkit--moz-box-pack:center;
　　box-pack:center;
	justify-content:center;
}
.i_loop .mui-slider-indicator .mui-indicator{
	width: 0.12rem;
	height: 0.12rem;
	margin: 0px 9px;
	box-shadow:0 0 0px 0px rgba(0,191,255,0.7);
	float: left;
	border:0.01rem solid #fff;
	background: none;
}
.i_loop .mui-slider-indicator .mui-active.mui-indicator{background: #fff;}


/*数字滚动*/
.index_digit{
	width: 100%;
	height: 1.6rem;
	float: left;
	padding: 0 0.36rem;
	background: url(../../img/digit_bg.png) no-repeat;
	background-size: 6.78rem 1.6rem;
	background-position: top center;
}
.index_digit ul{width: 100%;float: left;}
.index_digit ul li{float: left;}
.index_digit ul li:nth-child(1){width: 1.88rem;}
.index_digit ul li:nth-child(2){width: 2.5rem;}
.index_digit ul li:nth-child(3){width: 2.4rem;}
.index_digit ul li span{
	display: inline-block;
	width: 100%;
	float: left;
	height: 0.86rem;
	line-height: 0.86rem;
	font-size: 0.6rem;
	color: #F8EEB3;
	margin-top: 0.2rem;
	text-align:center;
}
.index_digit ul li span b{font-weight: bold;}
.index_digit ul li span i{font-size: 0.3rem;}
.index_digit ul li p{
	display: inline-block;
	width: 100%;
	float: left;
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.24rem;
	color: #FFFFFF;
	text-align:center;
}


/*走进千亩地*/
.walk_into{
	width: 100%;
	float: left;
	margin-top: 0.6rem;
}
.walk_into_tit{width: 100%;float: left;}
.walk_into_tit img{width: 100%;height: 1.12rem;float: left;}
/*公司简介&视频展示*/
.walk_into_con{
	width: 100%;
	float: left;
	background: url(../../img/walk_into_con_bg.png) no-repeat;
	background-size: 100% 7.5rem;
	padding: 0 0.36rem;
	margin-top: 0.3rem;
}
.walk_into_con_vid{
	width: 100%;
	height: 3.82rem;
	float: left;
	padding: 0.2rem;
	margin-top: 0.3rem;
	background: linear-gradient(180deg, #CCCCCC 0%, #FFFFFF 24%, #999999 50%, #FFFFFF 78%, #999999 100%);
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
}
.walk_into_con_vid video{
	width: 100%;
    height: 100%;
    float: left;
    object-fit: fill;
}
.walk_into_desc{
	width: 100%;
	float: left;
	margin-top: 0.22rem;
}
.walk_into_desc ul{width: 100%;float: left;padding: 0 0.08rem;}
.walk_into_desc ul li{
	width: 1.5rem;
	height: 0.4rem;
	float: left;
	line-height: 0.4rem;
	font-size: 0.26rem;
	text-align: center;
	color: #FFFFFF;
	background: #0091FF;
	border-radius: 0.2rem;
}
.walk_into_desc p{
	width: 100%;
	float: left;
	padding: 0 0.08rem;
	font-size: 0.24rem;
	color: #FFFFFF;
	line-height: 1.5em;
	margin-top: 0.22rem;
}
.walk_into_desc a{
	display: inline-block;
	width: 100%;
	float: left;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.3rem;
	color: #F8F8F8;
	background: #0091FF;
	margin-top: 0.2rem;
	margin-bottom:0.3rem;
}
.i_company_img{
	width: 100%;
	float: left;
	padding: 0 0.36rem;
	padding-bottom: 0.5rem;
	margin-top:0.3rem;
}
.i_company_img .mui-slider-group .mui-slider-item{
	width: 100%;
	height: 2.5rem;
	font-size: inherit;
	overflow: hidden;
}
.i_company_img .mui-slider-group .mui-slider-item i{
	width: 3.3rem;
	height: 2.2rem;
	padding: 0.15rem;
	float: left;
	background: url(../../img/i_company_img_bg.png) no-repeat;
	background-size: 100% 100%;
}
.i_company_img .mui-slider-group .mui-slider-item i:nth-child(2){float: right;}
.i_company_img .mui-slider-group .mui-slider-item i img{
	width: 100%;
	height: 100%;
	float: left;
}
.i_company_img .mui-slider-indicator{
	bottom: 0;
	float: left;
	display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
　　-webkit-justify-content:center;
　　-moz-box-pack:center;
　　-webkit--moz-box-pack:center;
　　box-pack:center;
	justify-content:center;
}
.i_company_img .mui-slider-indicator .mui-indicator{
	width: 0.1rem;
	height: 0.1rem;
	margin: 0px 0.15rem;
	box-shadow:0 0 0px 0px rgba(0,191,255,0.7);
	float: left;
	border:0.01rem solid #0091FF;
	background: none;
}
.i_company_img .mui-slider-indicator .mui-active.mui-indicator{background: #0091FF;}

/*产品*/
/*产品类别*/
.i_product_cag{
	width: 100%;
	float: left;
}
.i_product_cag_tit{width: 100%;float: left;margin-bottom: 0.2rem;}
.i_product_cag_tit img{
	width: 100%;
	height: 1.12rem;
	float: left;
}
.i_product_cag_con{
	width: 100%;
	float: left;
	padding: 0 0.36rem;
}
.i_product_cag_con ul{width: 100%;float: left;}
.i_product_cag_con ul li{
	width: 100%;
	float: left;
	height: 2rem;
	background: url(../../img/i_product_cag_con_bg.png) no-repeat;
	background-size: 100% 2rem;
	margin-bottom:0.2rem;
}
.cag_con_lf{
	width: 3.7rem;
	padding: 0 0.16rem;
	float: left;
}
.cag_con_lf span{
	display: inline-block;
	width: 2.6rem;
	height: 0.5rem;
	float: left;
	background:#0091FF;
	border-radius: 0.25rem;
	color: #FFFFFF;
	font-size: 0.3rem;
	font-weight:bold;
	text-align: center;
	line-height: 0.5rem;
	margin-top: 0.24rem;
}
.cag_con_lf_child{
	width: 100%;
	float: left;
	margin-top: 0.05rem;
}
.cag_con_lf i{
	display: inline-block;
	float: left;
	font-size: 0.24rem;
	color: #FFFFFF;
	margin-top: 0.06rem;
}
.cag_con_rg{
	width: 2.74rem;
	height: 1.71rem;
	float: right;
	overflow: hidden;
	position: relative;
	margin-right:0.1rem;
	margin-top: 0.15rem;
}
.cag_con_rg img{max-width: 100%;float: left;position: absolute;}

/*推荐产品*/
.i_product{width: 7.5rem;float: left;}
.i_product_list{width: 7.5rem;float: left;}
.r_list{
	width: 100%;
	padding: 0 0.36rem;
	margin-top: 0.04rem;
	float: left;
}
.r_list img{
	width: 6.79rem;
	height: 0.35rem;
	float: left;
}
.i_product_title{
	width: 100%;
	padding: 0 0.36rem;
	float: left;
}
.i_product_lists{width: 100%;float: left;}
.i_product_lists li{
	width: 3.24rem;
	height: 3.4rem;
	float: left;
	margin-right:0.26rem;
	margin-top: 0.25rem;
}
.i_product_lists li:nth-child(2n){margin-right: 0px;}
.i_product_lists li a{
	display: inline-block;
	width: 100%;
	height: 3.4rem;
	float: left;
}
.i_product_lists li a>i{
	width: 3.24rem;
	height: 2.8rem;
	float: left;
	overflow: hidden;
}
.i_product_lists li a>i img{max-width: 100%;float: left;}
.i_product_lists li a span{
	display: inline-block;
	width: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.26rem;
	color: #666666;
	text-align: center;
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.1);
}
.i_product>a{
	display: inline-block;
	width: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
	float: left;
	font-size: 0.3rem;
	color: #fff;
	text-align: center;
	background: #0091FF;
	margin-top: 0.25rem;
}
.i_product>a i{margin-left: 0.26rem;text-transform:uppercase;}


/*延伸服务*/
.i_extend{
	width: 100%;
	float: left;
	margin-top: 0.5rem;
}
.i_extend_tit{width: 100%;float: left;}
.i_extend_tit img{
	width: 100%;
	height: 1.12rem;
	float: left;
}
.i_extend_con{
	width: 100%;
	float: left;
	background:url(../../img/i_extend_con_bg.png) no-repeat;
	background-size: 6.78rem 4.8rem;
	background-position: top center;
	margin-top: 0.2rem;
	padding: 0 0.36rem;
}
.i_extend_tab{width: 2rem;float: left;}
.i_extend_tab ul{width: 100%;float: left;}
.i_extend_tab ul li{
	width: 100%;
	height: 0.8rem;
	float: left;
	line-height: 0.8rem;
	font-size: 0.32rem;
	color: #FFFFFF;
	text-align: center;
	transition: all 0.5s;
}
.i_extend_tab ul .tabactive{background:#0091FF;}
.i_extend_tabcon{
	width: 4.57rem;
	float: left;
	margin-left:0.1rem;
	margin-top:0.12rem;
	position: relative;
}
.extend_tablist{
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.extend_tablist_img{
	width: 100%;
	height: 2.6rem;
	float: left;
	background: #fff;
}
.extend_tablist_img img{width: 4.39rem;height: 2.37rem;float: left;}
.extend_tablist_desc{
	width: 100%;
	float: left;
	margin-top: 0.12rem;
}
.extend_tablist_desc p{
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 0.36rem;
	font-size: 0.22rem;
	color: #373737;
	margin-bottom:0.05rem;
}


/*经典案例*/
.i_case{
	width: 100%;
	float: left;
	margin-top: 0.5rem;
}
.i_case_tit{width: 100%;float: left;}
.i_case_tit img{width: 100%;height: 1.12rem;float: left;}
.i_case_list{
	width: 100%;
	float: left;
	margin-top: 0.2rem;
	background: url(../../img/i_case_list_bg.png) no-repeat;
	background-size: 100% 8.3rem;
}
.i_case_list ul{
	width: 100%;
	float: left;
	padding: 0 0.4rem;
	padding-top: 0.2rem;
}
.i_case_list ul li{
	width: 3.24rem;
	height: 3.4rem;
	float: left;
	margin-bottom:0.2rem;
	margin-right: 0.2rem;
}
.i_case_list ul li:nth-child(2n){margin-right: 0;}
.i_case_list ul li a{
	display: inline-block;
	width: 100%;
	float: left;
	height: 100%;
}
.i_case_list ul li a i{
	width: 100%;
	height: 2.8rem;
	float: left;
	position: relative;
	overflow: hidden;
}
.i_case_list ul li a i img{max-height: 100%;position: absolute;}
.i_case_list ul li a span{
	display: inline-block;
	width: 100%;
	height: 0.6rem;
	float: left;
	line-height: 0.6rem;
	font-size: 0.26rem;
	color: #666666;
	text-align: center;
	background:#fff;
}
.i_case_more{
	width: 100%;
	float: left;
	padding: 0 0.36rem;
	margin-bottom:0.3rem;
}
.i_case_more a{
	display: inline-block;
	width: 100%;
	float: left;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	font-size: 0.3rem;
	background: #0091FF;
	color: #fff;
}


/*合作伙伴*/
.i_partner{
	width: 100%;
	float: left;
	margin-top: 0.5rem;
}
.i_partner_tit{width: 100%;float: left;}
.i_partner_tit img{width: 100%;height: 1.12rem;float: left;}
.i_partner_img{
	width: 100%;
	float: left;
	padding: 0 1.06rem;
	margin-top:0.2rem;
	position: relative;
}
.i_partner_img .mui-slider-group .mui-slider-item{
	width: 100%;
	height: 1.6rem;
	font-size: inherit;
	overflow: hidden;
}
.i_partner_img .mui-slider-group .mui-slider-item i{
	width: 2.6rem;
	height: 1.6rem;
	padding: 0 0.15rem;
	float: left;
	border:0.02rem solid #0091FF;
}
.i_partner_img .mui-slider-group .mui-slider-item i:nth-child(2){float: right;}
.i_partner_img .mui-slider-group .mui-slider-item i img{max-width: 100%;float: left;}
.i_partner_ico{
	display: inline-block;
	width: 0.5rem;
	height: 1.6rem;
	float: left;
	position: absolute;
	top:0;
	left: 0.36rem;
}
.i_partner_ico img{width: 100%;height: 100%;float: left;}
.i_partner_ico2{left: auto;right: 0.36rem;}


/*留言板*/
.i_msg{
	width: 100%;
	float: left;
	padding: 0 0.75rem;
	background: url(../../img/i_msg_bg.png) no-repeat;
	margin-top:0.5rem;
}
.i_msg_con{
	width: 100%;
	float: left;
	overflow: hidden;
}
.i_msg_tit{
	width: 100%;
	float: left;
	margin-top:0.22rem;
}
.i_msg_tit span{
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 0.62rem;
	text-align: center;
	font-size: 0.32rem;
	color: #FFF8D1;
	font-weight:bold;
	height: 0.62rem;
	border-bottom: 0.01rem solid #fff;
}
.i_msg_inp{
	width: 100%;
	float: left;
	padding-top: 0.2rem;
	padding-bottom:0.3rem;
}
.i_msg_inp input{
	display: inline-block;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	float: left;
	margin: 0;
	margin-top: 0.2rem;
	padding: 0 0.2rem;
	font-size:0.24rem;
	color: #333;
	border:0;
	border-radius:0;
	background: #fff;
}
.i_msg_inp textarea{
	width: 100%;
    height: 2.9rem;
    padding: 0 0.2rem;
    float: left;
    border: 0px;
    outline: none;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.48rem;
    resize: none;
    color: #333333;
    background: #fff;
    margin-top: 0.2rem;
}
.i_msg_inp textarea::-webkit-input-placeholder{font-size: 0.24rem;color: #666666;}
.i_msg_inp a{
	display: inline-block;
	width: 100%;
	height: 0.6rem;
	float: left;
	margin-top: 0.2rem;
	background: #0091FF;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.24rem;
	color: #fff;
}


/*底部*/
.i_foot{
	width: 100%;
	float: left;
	background: url(../../img/i_foot_bg.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 1.16rem;
	padding-bottom:0.2rem;
}
.i_foot_ogo{
	width: 100%;
	float: left;
	margin-top:0.5rem;
}
.i_foot_ogo img{width: 2.78rem;height: 0.69rem;float: left;}
.i_msg_code{
	width: 100%;
	height: 2rem;
	float: left;
	padding: 0 1.4rem;
	margin-top: 0.2rem;
}
.i_msg_code img{width: 2rem;height: 2rem;float: left;}
.i_msg_foot{
	width: 100%;
	float: left;
	padding: 0 0.36rem;
	margin-top: 0.2rem;
}
.i_msg_foot p{
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 0.36rem;
	font-size: 0.24rem;
	color: #FFFFFF;
}
.i_msg_foot p span{
	display: inline-block;
	width: 5.2rem;
	float: right;
	line-height: 0.36rem;
	font-size: 0.24rem;
	color: #FFFFFF;
}
.i_msg_foot p a{color: #fff;}


.r_zixun{
	width: 100%;
	padding:0.6rem 0;
	float: left;
}
.r_zixun>a{
	width: 4.45rem;
	height: 0.7rem;
	background: #f61e1e;
	float: left;
	line-height: 0.7rem;
	font-size: 0.28rem;
	color: #fff;
	text-align: center;
	border-radius: 0.7rem;
	box-shadow: 0px 0.1rem 0.1rem rgba(0,0,0,0.15);
}
