img {
	max-width: 100% !important;
}

/* 首页 */
/*--------------------------***************************/
/* 顶部轮播图 */
.index .index_top {
	position: relative;
}

.index .index_top .box_wrap {
	position: absolute;
	height: 7.2rem;
	bottom: -3.6rem;
	left: 50%;
	margin-left: -60rem;
	z-index: 1000;
	box-shadow: 0px 0px 20px #000000;
}
/* 顶部轮播图外层 */
.header_lbt {
	width: 100%;
	height: 60rem;
	position: relative;
}
/* 顶部轮播图内层 */
.header_lbt li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.header_lbt li:first-of-type {
	opacity: 1;
}

/* 轮播点和左右按钮 */
.header_nav {
	width: 100%;
	height: 7.2rem;
	background-color: #F2F6F8;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000 !important;
	line-height: 7.2rem;
}
/* 鼠标悬浮变成小手 */
.header_nav:hover {
	cursor:pointer
}

.header_lbt_title {
	display: inline-block;
	width: 25rem;
	height: 7.2rem;
	vertical-align: middle;
	position: relative;
}

.header_lbt_title li {
	width: 100%;
	height: 100%;
	font-size: 2.1rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 7.2rem;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.header_lbt_title li:first-of-type {
	opacity: 1;
}

/* 左右箭头 */
.header_nav .iconfont {
	font-size: 2.1rem;
	font-weight: bold;
	vertical-align: middle;
}

.header_nav .icon_left {
	margin: 0 2rem 0 3.05rem;
	vertical-align: middle;
}

.header_nav .icon_right {
	margin-right: 1rem;
}

/* 头部轮播点 */
.header_nav .header_lbt_spot {
	float: right;
	width: 25rem;
	height: 7.2rem;
	margin-top: 0;
	line-height: 7.2rem;
	padding-right: 3rem;
	text-align: right;
}

.header_lbt_spot span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background: rgba(183, 183, 183, 0.6);
	border-radius: 50%;
}

.header_lbt_spot span:first-of-type {
	background-color: #29549E;
}

/* 视频和公司介绍 */

.video {
	height: 53.4rem;

	background: url(../img/index/video_bg01.png)no-repeat;
	background-size: 100% 100%;
	padding-top: 4.9rem;
	position: relative;
}

/* 公司介绍外层 */
.video .text_wrap {
	/*width: 92rem;*/
	width: 150%;
	height: 48.5rem;
	background-color: yellow;
	background: url(../img/index/video_bg.png)no-repeat;
	background-size: 100% 100%;
	padding: 9.05rem 0 0 20.25rem;
}

/* 文字 */
.video .text_wrap p {
	font-size: 1.8rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 3.4rem;
	color: #FFFFFF;
}

/* 标题 */
.video .text_wrap .video_title {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.video .text_wrap .video_text {
	width: 50%;
}

/* 查看详细按钮 */
.video .text_wrap .video_btn {
	display: inline-block;
	width: 16rem;
	height: 4.2rem;
	border: 1px solid rgba(255, 255, 255, 0.8);
	margin-top: 4rem;
	text-align: center;
	line-height: 4.2rem;
	color: #FFFFFF;
}

/* 视频 */
.video_box {
	display: inline-block;
	position: absolute;
	top: 14.6rem;
	/*right: 36rem;*/
	right: 10%;
}

/* 新闻动态*/
/*--------------------------***************************/
/*
.index .news {
	height: 69rem;
}

!* 左侧 *!
.index .news .left_text_img {
	padding-left: 20px;
	margin-top: 46px;
	width: 58rem;
}


.index .news .left_text_img .news_list .news_list_text {
	width: 56rem;
	height: 8.8rem;
}

!* 小标题 *!
.index .news .news_list .news_list_text .new_list_title {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.8rem;
	color: #000000;
	margin-bottom: 1rem;
}

.index .news .news_list .news_list_box>div {
	display: inline-block;
	box-sizing: border-box;
}


.index .news .news_list .news_list_img img {
	width: 56rem;
	height: 28rem;
	margin-bottom: 2rem;
}

.index .news .news_list .news_list_box .new_list_data {
	width: 8.3rem;
	height: 5rem;
	border-right: 0.1rem solid #707070;
}

.index .news .news_list .news_list_box .new_list_data .p1 {
	font-size: 2.2rem;
	color: #000000;
	opacity: 0.4;
	font-weight: 400;
}

.index .news .news_list .news_list_box .new_list_data .p2 {
	font-size: 1.4rem;
	color: #000000;
	opacity: 0.4;
	font-weight: 400;
	padding-left: 0.5rem;
}

.index .news .news_list .news_list_box .new_list_suggest {
	width: 45rem;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.6rem;
	color: #000000;
	opacity: 0.6;
	float: right;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}



!* 右侧 *!
.index .news .right_text_list {
	margin-top: 4.2rem;
	width: 58rem;
	padding-left: 3.5rem;
}

.index .news .right_text_list .news_list_text {
	margin-top: 1.3rem;
}

.index .news .newtitle3 {
	width: 16rem;
	height: 4.2rem;
	border: 0.1rem solid #BCBCBC;
	opacity: 1;
	text-align: center;
	line-height: 4.2rem;
	margin: 4.3rem auto;
	font-size: 1.6rem;
	font-weight: 400;
	color: #000000;
	opacity: 0.4;
}

.index .news .newtitle3 a,
.index .programmes .container .prgtitle3 a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
*/


/* 产品与案例 */
/*--------------------------***************************/
/* 外层容器 */
.index .products {
	width: 100%;
	height: 73.6rem;
	background: #f7f7f7;

}

/* 大标题 */
.index .products .products_wrap .pdttitle1,
.index .news .new_wrap .newtitle1 {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 2.8rem;
	color: #000000;
	text-align: center;
	margin: 5rem 0 1rem 0;
}

/* 小标题 */
.index .products .products_wrap .pdttitle2,
.index .news .new_wrap .newtitle2 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.8rem;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
}

/* 内容 */
.index .products .products_wrap .pdttext_box {
	height: 30rem;
	margin-top: 3rem;
}

.index .products .products_wrap .pdttext_box .textboxs {
	box-sizing: border-box;
	display: inline-block;
	/*width: 58rem;*/
	width: 58rem;
	height: 30rem;
/*	padding: 3.2rem 0 0 3.6rem;*/
	font-size: 0;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.index .products .products_wrap .pdttext_box .text_right {
	float: right;
}

/* 左侧列表 */
.index .products .products_wrap .pdttext_box .textboxs .text_list {
	display: inline-block;
	width: 22.4rem;
	height: 20rem;
	vertical-align: top;
	font-size: 1rem;
}

/* 列表上方标题 */
.index .products .products_wrap .pdttext_box .textboxs .text_list .tboxstitle {
	font-size: 24px;
	font-weight: 600;
	line-height: 2.8rem;
	margin-bottom: 2rem;
}

/* 调整文字 */
.index .products .products_wrap .pdttext_box .textboxs .text_list .tbox_ull span {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 3.6rem;
	margin-left: 1rem;
}

/* 阿里字体 */
.index .products .products_wrap .pdttext_box .textboxs .text_list .tbox_ull .iconfont {
	font-size: 2.2rem;
	color: #244092;
	font-weight: bold;
	margin-left: 0;
}

/* 查看详情 */
.tboxsbtn {
	width: 16rem;
	height: 4.2rem;
	background: rgba(41, 84, 158, 1);
	border: 0.1rem solid rgba(255, 255, 255, 1);
	opacity: 1;
	border-radius: 2.1rem;
	line-height: 4.2rem;
	text-align: center;
	font-size: 1.4rem;
	color: #FFFFFF;
	font-weight: 400;
	margin-top: 0.5%;
	/*margin: auto;*/
	margin-left: 45%;
}
.tboxsbtn a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

/* 查看详情按钮 */
.index .products .products_wrap .pdttext_box .textboxs .text_list .tboxsbtn {
	width: 16rem;
	height: 4.2rem;
	background: rgba(41, 84, 158, 1);
	border: 0.1rem solid rgba(255, 255, 255, 1);
	opacity: 1;
	border-radius: 2.1rem;
	line-height: 4.2rem;
	text-align: center;
	font-size: 1.4rem;
	color: #FFFFFF;
	font-weight: 400;
	margin-top: 6px;
}

.index .products .products_wrap .pdttext_box .textboxs .text_list .tboxsbtn a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

/* 右侧图片 */
.index .products .products_wrap .pdttext_box .textboxs .text_img {
	display: inline-block;
	width: 58rem;
	height: 30rem;
}

.index .products .products_wrap .pdttext_box .textboxs .text_img img {
	width: 100%;
	height: 100%;
	/*margin-top: 0.5rem;*/
}

/* 轮播图 */
.index .products .products_wrap .ull_lbt {
	width: 100%;
	height: 14rem;
	margin-top: 4.3rem;
	font-size: 0;
	position: relative;
}

.index .products .products_wrap .ull_lbt li {
	width: 100%;
	height: 14rem;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	opacity: 0;
}

.index .products .products_wrap .ull_lbt li:first-of-type {
	opacity: 1;
	z-index: 1000;
}

.index .products .products_wrap .ull_lbt li div {
	font-size: 1rem;
	display: inline-block;
	width: 36rem;
	height: 14rem;
	border: 1px solid rgba(222, 228, 240, 1);
	box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.08);
	opacity: 1;
	margin-left: 5rem;
	vertical-align: top;
	text-align: center;
	line-height: 14rem;
	background-color: #fff;
}

.index .products .products_wrap .ull_lbt a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

/* 轮播点 */
.index .products .products_wrap .lbt_spot {
	width: 15rem;
	text-align: center;
	margin: 3rem auto;
}
.index .products .products_wrap .lbt_spot:hover {
	cursor:pointer;
}
.index .products .products_wrap .lbt_spot span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background: #E3E3E3;
	border-radius: 50%;
	opacity: 1;
	margin-left: 0.8rem;
}







/* 解决方案 */
/*--------------------------***************************/
.index .programmes {
	width: 100%;
	height: 69rem;
	overflow: hidden;
	position: relative;
}

/* 背景图片 */
.index .programmes>img {
	width: 100%;
	height: 93.1rem;
	margin-top: -12rem;
	opacity: 0.71;
}

/* 背景图片蒙版 */
.index .programmes .bgimg {
	width: 100%;
	height: 69rem;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.7;
}

/* 容器 */
.index .programmes .container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

/* 标题和按钮 */
.index .programmes .container p {
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 2.8rem;
	color: #FFFFFF;
	font-size: 1.6rem;
	text-align: center;
}

/* 大标题 */
.index .programmes .container .prgtitle1 {
	font-size: 3.2rem;
	font-weight: bold;
	margin: 4.9rem 0 1.5rem 0;
}

/* 小标题 */
.index .programmes .container .prgtitle2 {
	opacity: 0.5;
}

/* 按钮 */
.index .programmes .container .prgtitle3 {
	display: inline-block;
	width: 14rem;
	height: 4.2rem;
	line-height: 4.2rem;
	border: 0.1rem solid #ffffff;
	margin: 0 auto;
	vertical-align: top;
	opacity: 0.7;
}

.index .programmes .container .prgtitle3 a {
	color: #FFFFFF;
}

/* 中间图片 */
.index .programmes .container .ulls {
	margin: 5rem 0 4rem 0;
	width: 120rem;
	height: 38rem;
	font-size: 0;
	margin: 5rem auto;
}

/* 调整li */
.index .programmes .container .ulls li {
	display: inline-block;
	height: 38rem;
	font-size: 1rem;
	vertical-align: top;
	background-color: #ffffff;
	box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.16);
	margin-left: 3rem;
}

/* 底层 */
.index .programmes .container .ulls li:first-of-type {
	margin-left: 0;
}

.index .programmes .container .ulls li .left_text {
	width: 28rem;
	height: 38rem;
	padding-top: 10.7rem;
}

/* 图标调整 */
.index .programmes .ulls .left_text>.iconfont {
	font-size: 7.6rem;
}

.index .programmes .ulls .left .left_text>.iconfont {
	color: #F49600;
}

.index .programmes .ulls .middle .left_text>.iconfont {
	color: #38A740;
}

.index .programmes .ulls .left_text>.iconfont {
	color: #4774DD;
}

/* 图标下标题 */
.index .programmes .container .ulls .left_text p {
	font-size: 1.4rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 2.3rem;
	color: rgba(0, 0, 0, 0.5);
	margin-top: 1rem;
	padding: 0 2.5rem;
}

.index .programmes .container .ulls .left_text .title {
	font-size: 2.4rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-bottom: 1rem;
}


.title_02 {
	display: none;
}

.index .programmes .ulls li:hover .left_text {
	padding-top: 5.7rem;
}

.index .programmes .ulls li:hover .title_02 {
	display: block;
}
.index .programmes .ulls li:hover .link_a {
	display: block;
}


.link_a {
	width: 16rem;
	height: 4.2rem;
	background: #29549E;
	border: 1px solid #ffffff;
	border-radius: 2.1rem;
	color: #FFFFFF;
	line-height: 4.2rem;
	text-align: center;
	margin: 2rem auto;
	display: none;
}

.link_a a {
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

.programmes_left_img {
	width: 0;
	height: 100%;
}
.programmes_left_img img {
	width: 100%;
	height: 100%;
}
.index .programmes .ulls li:hover .programmes_left_img {
	animation:move 0.5s linear 1 forwards;
}
@keyframes move {
	/* 0%表示动画开始的关键帧 */
	0% {
		width: 0;
	}

	25% {
		width: 7.5rem;
	}

	50% {
		width: 15rem;
	}

	75% {
		width: 22.5rem;
	}

	/* 动画结束时的关键帧 */
	100% {
		width: 30rem;
	}
}

/* 最下部图片 */
.index .bottoms .box_wrap .ull_btm {
	width: 120rem;
	margin: 0 auto;
}

.index .bottoms .box_wrap .ull_btm li {
	display: inline-block;
	width: 37rem;
	height: 24rem;
	background-color: yellow;
	margin: 4rem 0 4rem 3rem;
	position: relative;
}

/* 下部左侧背景图片 */
.index .bottoms .box_wrap .ull_btm .btm_li1 {
	background: url(../img/index/btm01.png) no-repeat;
	background-size: 100% 100%;
}

/* 下部中间背景图片 */
.index .bottoms .box_wrap .ull_btm .btm_li2 {
	background: url(../img/index/btm02.png) no-repeat;
	background-size: 100% 100%;
}

/* 下部右侧背景图片 */
.index .bottoms .box_wrap .ull_btm .btm_li3 {
	background: url(../img/index/btm03.png) no-repeat;
	background-size: 100% 100%;
}

/* 图片蒙版 */
.index .bottoms .box_wrap .ull_btm .mask {
	box-sizing: border-box;
	width: 37rem;
	height: 24rem;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.85;
	padding: 4rem 3rem 3rem 4rem;
	color: #FFFFFF;
}
.index .bottoms .box_wrap .ull_btm .mask a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
/* 标题 */
.index .bottoms .box_wrap .ull_btm .mask .mask_title p {
	font-size: 2.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 2.9rem;
	color: #FFFFFF;
}

/* 线 */
.index .bottoms .box_wrap .ull_btm .mask .mask_title span {
	display: inline-block;
	width: 5rem;
	height: 0.4rem;
	background: rgba(255, 255, 255, 1);
}

/* 图标容器 */
.index .bottoms .box_wrap .ull_btm .mask .mask_img {
	width: 30rem;
	position: absolute;
	bottom: 2rem;
}

/* 图标字体 */
.index .bottoms .box_wrap .ull_btm .mask .mask_img span {
	display: inline-block;
	font-size: 3.2rem;
	color: #FFFFFF;
	opacity: 0.3;
	vertical-align: bottom;
}

.index .bottoms .box_wrap .ull_btm .mask .mask_img .icon_left {
	font-size: 5.2rem;
	position: absolute;
	bottom: 0;
	left: 0;

}

/* 箭头 */
.index .bottoms .box_wrap .ull_btm .mask .mask_img .icon_right {
	position: absolute;
	bottom: 0;
	right: 0;
}