/*** 
	首页样式表
	color: #2cb0e9;
	color: #0167af;
	color: #f2e01d;

 ***/
  /* 首页板块 */
  /**图片动效**/
.pic-box {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0;
	position: relative;
}

.pic-box img {
	transition: 1s;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

*:hover>.pic-box img {
	transform: scale(1.1);
}

  
.index-column-box {
	padding: 40px 0;
}
 /* 首页标题 */
.index-title-box {
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}

.index-title-box.bt2 {
	/* background: url(../img/title-bg1-2.png) no-repeat center center; */
}

.index-title-box .title {
	font-size: 30px;
	color: #333;
	position: relative;
	z-index: 2;
	color: #333;
	font-weight: bold;
}

.index-title-box .title span {
	color: #ed7020;
}

.index-title-box .title::before,
.index-title-box .title::after {
	content: '';
	display: inline-block;
	vertical-align: super;
	height: 3px;
	width: 60px;
	background: #ed7020;
	margin: 0 10px;
	display: none;
}

.index-title-box.bt2 .title {
	color: #000000;
}

.index-title-box.bt2 .title span {
	color: #0167af;
}

.index-title-box.bt2 .title::before,
.index-title-box.bt2 .title::after {
	background: #000000;
}

.index-title-box p {
	display: block;
	margin: 10px auto;
	font-size: 30px;
}

.index-title-box p span {
	display: block;
	width: 2em;
	background: #ed7020;
	margin: 0 auto;
	height: 3px;
}

.index-title-box.bt2 p span {
	background: #fff;
}

.index-title-box .info {
	z-index: 1;
	color: #999;
	font-size: 16px;
	font-family: en2;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.index-title-box.bt2 .info {
	color: #000000;
}




.index-btn-box {
	text-align: center;
	font-size: 0;
	padding-top: 50px;
}

.index-btn-box a {
	font-size: 16px;
	display: inline-block;
	line-height: 3em;
	/* border-radius: 0 3em 3em 0; */
	border: solid 2px #ed7020;
	color: #ed7020;
	width: 200px;
	text-align: center;
	background: #fff url(../img/m-iocn18.png) no-repeat 25px center / auto 40%;
	background: #fff;
}

.index-btn-box a:first-child {
	color: #fff;
	background: #ed7020 url(../img/m-iocn26.png) no-repeat 25px center / auto 40%;
	background: #ed7020;
	/* border-radius: 3em 0 0 3em; */
}

 /* 荣誉资质 */
.index-ryzz-box {
	background: url(../img/ryzz-bg.jpg) no-repeat top center;
	height:500px;
}

.index-ryzz {
	position: relative;
	height: 400px;
	overflow: hidden;
}

.index-ryzz .item {
	float: left;
	width: 300px;
	margin-right: 20px;
	background: #fff;
	padding: 5px;
}

/**浮动**/
.clear:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
}

.index-ryzz .item .box {
	position: relative;
	overflow: hidden;
	display: block;
}

.index-ryzz .item .box .pic {
	padding-bottom: 75%;
	z-index: 1;
}

.index-ryzz .item .box .text {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(8, 116, 195, 0.85);
	color: #fff;
	transition: 0.5s;
	transform: rotateX(-90deg);
	padding: 30% 30px 0;
	text-align: center;
	font-size: 12px;
	opacity: 0;
}

.index-ryzz .item .box:hover .text {
	transform: rotateX(0deg);
	opacity: 1;
}

.index-ryzz .item .box .text .title {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

/* 产品 */
.index-cp {
	padding: 80px 0;
}

.index-cp-nav {
	text-align: center;
	margin-bottom: 30px;
}

.index-cp-nav .item {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 50px;
	width: 125px;
	text-align: center;
}

.index-cp-nav .item a {
	display: block;
	color: #333;
	background: #f8f8f8;
	border-radius: 3px;
	transition: 0.5s;
}

.index-cp-nav .item a:hover {
	background: #2cb0e9;
	color: #fff;
	transition: 0.5s;
}

.index-cp-box {}

.index-cp-box .item {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-top: 2%;
}


.index-cp-box .item:nth-child(4n) {
	margin-right: 0;
}

.index-cp-box .item .box {
	display: block;
	text-align: center;
	transition: 0.5s;
	padding: 4px;
	background: #f8f8f8;
}

.index-cp-box .box:hover {
	transition: 0.5s;
	background: #0167af;
}

.index-cp-box .item .pic {
	padding-bottom: 75%;
	background: #000;
}

.index-cp-box .item .pic img {
	opacity: 0.95;
}

.index-cp-box .item .text {
	padding: 20px 0 25px;
	background: #fff;
}

.index-cp-box .item .text .title {
	font-size: 16px;
	color: #333;
	transition: 0.5s;
}

.index-cp-box .item .text .typename {
	font-size: 14px;
	color: #666;
	transition: 0.5s;
	margin: 10px 0;
}

.index-cp-box .item .text .btn {
	font-size: 12px;
	color: #333;
	background: #ededed;
	transition: 0.5s;
	display: block;
	width: auto;
	width: 80px;
	margin: 0 auto;
	line-height: 2.5em;
	transition: 0.5s;

}

.index-cp-box .box .btn:hover {
	color: #fff;
	background: #0167af;
	transition: 0.5s;
}

.index-cp-box .box:hover .title {
	transition: 0.5s;
	color: #0167af;
}




/* 公司简介 */
.index-about {
	overflow: hidden;
	padding: 80px 0;
	background: url(../img/index-about-bg.jpg) no-repeat top center / 1920px 100%;
}

.index-about-box {}

.about-pic {
	float: left;
	width: 550px;
}

.about-pic img {
	display: block;
	width: 100%;
	border-radius: 50px 0 50px 0;
}


.index-about-text {
	float: left;
	width: 550px;
	margin-right: 100px;
}


.index-about-text .index-about-title {
	font-size: 24px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}

.index-about-text .index-about-info {
	font-size: 14px;
	line-height: 1.7em;
	color: #fff;
	text-align: justify;
	margin-bottom: 20px;
}

.index-about-text .index-about-info p {
	margin-bottom: 10px;
	font-size:14px;
	line-height:24px;
}

.index-about-text .btn {
	color: #fff;
	border: solid 1px rgba(255, 255, 255, 1.0);
	display: inline-block;
	font-size: 14px;
	padding: 0 25px;
	line-height: 2.5em;
	background: rgba(255, 255, 255, 0.0);
	transition: 0.5s;
}

.index-about-text .btn:hover {
	color: #0167af;
	border-radius: 5px;
	background: rgba(255, 255, 255, 1.0);
	transition: 0.5s;
}

/* 优势 */
.index-youshi {}

.index-youshi-title {
	background: url(../img/index-youshi-title-bg.png) top center no-repeat;
	text-align: center;
	height: 210px;
	padding-top: 60px;
}

.index-youshi-title-box {
	background: url(../img/index-youshi-title-box-bg.png ) no-repeat top center;
	height: 72px;
	width: 814px;
	margin: 0 auto;
}

.index-youshi-title-box .title {
	font-size: 34px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
}

.index-youshi-title .info {
	font-size: 18px;
	color: #fff;
	margin-top: 16px;
}

.index-youshi-box {
	width: 1100px;
	background: url(../img/index-youshi-box-bg.png) no-repeat 0 0;
}

.index-youshi-box .item {}

.index-youshi-box .item .box {}

.index-youshi-box .item .box .pic {
	float: left;
	width: 500px;
	margin-right: 100px;
}

.index-youshi-box .item:nth-child(2n) .box .pic {
	float: right;
	margin-right: 0px;
	margin-left: 100px;
}

.index-youshi-box .item .box .pic img {
	display: block;
	width: 100%;
}

.index-youshi-box .item .box .text {
	float: left;
	width: 450px;
	margin-left: 50px;
	font-size: 0;
	padding-top: 70px;
}

.index-youshi-box .item .box .text>div {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

.index-youshi-box .item .box .text .num {
	height: 80px;
	line-height: 80px;
	color: #fff;
	text-align: center;
	width: 59px;
	font-size: 30px;
	background: url(../img/index-youshi-num-bg.jpg) no-repeat 0 0;
}

.index-youshi-box .item .box .text .text-box {
	width: 360px;
	margin-left: 20px;
}

.index-youshi-box .item:nth-child(2n) .box .text {
	margin-left: 0px;
	margin-right: 20px;
}

.index-youshi-box .item .box .text .title {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	line-height: 2em;
}

.index-youshi-box .item .box .text .titleen {
	font-size: 16px;
	color: #999;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: dashed 1px #ccc;
}

.index-youshi-box .item .box .text .info {
	font-size: 16px;
	color: #666;
	line-height: 2em;
}

.index-youshi-box .item .box .text a {
	background: #f50;
	display: inline-block;
	padding: 0 15px;
	line-height: 40px;
	color: #fff;
}

/* 案例 */
.index-case {
	padding: 80px 0;
	margin-top:80px;
	background: url(../img/index-case-bg.jpg) no-repeat top center /1920px;
}

.index-case .index-title-box3 .title::before {
	background-image: url(../img/title-img3.png);
}

.index-case .index-title-box3 .title::after {
	background-image: url(../img/title-img4.png);
}

.index-case-box {}

.index-case-box .item {
	float: left;
	width: 290px;
}

.index-case-box .item .box {
	display: block;
	background: #f8f8f8;
	padding: 5px;
	transition: 0.5s;
}

.index-case-box .item:hover .box {
	background: #0167af;
	transition: 0.5s;
}

.index-case-box .item .pic {
	padding-bottom: 67%;
}


.index-case-box .item .text {
	position: relative;
	text-align: center;
	background: #fff;
}

.index-case-box .item .title {
	font-size: 16px;
	color: #333;
	line-height: 50px;
	transition: 0.5s;
	padding: 0 15px;
}

.index-case-box .item:hover .title {
	color: #0167af;
	transition: 0.5s;
}

/* 新闻资讯 */
.index-news {
	padding: 80px 0 150px;
	background: #f8f8f8;
}

.index-news-box-left {
	float: left;
	width: 660px;
	padding: 20px;
	background: #0167af;
}

.index-news-box-left-nav {
	border-bottom: solid 1px #fff;
	margin-bottom: 20px;
	font-size: 0;
}

.index-news-box-left-nav a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	width: 120px;
	line-height: 2.5em;
	text-align: center;
	vertical-align: top;
	background: #2cb0e9;
	margin-right: 2px;
}

.index-news-box-left-nav a.focus {
	background: #fff;
	color: #333;
}

.index-news-box-left-box .hot-news {
	padding-bottom: 10px;
}

.index-news-box-left-box .hot-news .box {}

.index-news-box-left-box .hot-news .pic {
	float: left;
	width: 140px;
	padding-bottom: 105px;
	margin-right: 20px;
}

.index-news-box-left-box .hot-news .text {
	color: #fff;
	font-size: 14px;
	float: left;
	width: 460px;
}

.index-news-box-left-box .hot-news .title {
	font-size: 16px;
}

.index-news-box-left-box .hot-news .info {
	opacity: 0.8;
	line-height: 1.7em;
	height: 3.4em;
	overflow: hidden;
	margin: 8px 0;
}

.index-news-box-left-box .hot-news .time {
	opacity: 0.5;
}

.index-news-box-left-box .item {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: dashed 1px rgba(255, 255, 255, 0.5);
}

.index-news-box-left-box .item .text {
	position: relative;
}

.index-news-box-left-box .item .title {
	width: 70%;
	color: #fff;
	font-size: 14px;
}

.index-news-box-left-box .item:hover .title {
	text-decoration: underline;
}

.index-news-box-left-box .item .time {
	position: absolute;
	top: 0;
	opacity: 0.5;
	right: 0;
	text-align: right;
	font-size: 14px;
	color: #fff;
}

.index-news-box-right {
	float: left;
	width: 460px;
	padding: 20px;
	background: #fff;
}

.index-news-box-right-title {
	font-size: 16px;
	line-height: 2.5em;
	color: #0167af;
	border-bottom: solid 1px #0167af;
	margin-bottom: 20px;
}

.index-news-box-right-title span {
	color: #ccc;
	text-transform: uppercase;
}

.index-news-box-right-faq {
	overflow: hidden;
	position: relative;
	height: 415px;
}

.index-news-box-right .item {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: dashed 1px #ccc;
}

.index-news-box-right .item:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}

.index-news-box-right .text {
	font-size: 14px;
}

.index-news-box-right .title {
	color: #333;
	padding-left: 40px;
	margin-bottom: 3px;
	line-height: 30px;
	background: url(../img/icon53.png) no-repeat 0 0 / 30px 30px;
}

.index-news-box-right .info {
	color: #999;
	padding-left: 40px;
	line-height: 1.7em;
	background: url(../img/icon54.png) no-repeat 0 0 / 30px 30px;
}