/* 首页行业应用 */
.i-app-list{ width: 100%; display: block; height: 464px; background: url(../images/i-app-list.jpg) center center; position: relative; z-index: 2; box-sizing: border-box; padding: 0 10%; }
.i-app-list ul{ width: 100%; font-size: 0;}
.i-app-list ul li{ width: 20%; background: #fff; display: inline-block; height: 348px; position: relative; top: 120px;}
.i-app-list ul li:nth-child(2n){ background: #33506e;}
.i-app-list ul li a{ width: 100%; text-align: center; display: block; height: 100%; position: relative;}
.i-app-list ul li a .text{position: absolute; top: 50%; width: 100%; left: 50%; transform: translate(-50%,-50%);}
.i-app-list ul li a .tit{ font-size: 14px; color: #33506e; width: 100%; text-transform: uppercase; margin-top: 40px; line-height: 20px; display: block; transition: all 0.3s ease-in-out}
.i-app-list ul li:nth-child(2n) a .tit{ color: #fff;}
.i-app-list ul li a .img{ width: 180px; height: 180px; overflow: hidden; box-sizing: border-box; border-radius: 100%;  display: inline-block; transition: all 0.3s ease-in-out}
.i-app-list ul li a .img img{ max-width: 100%; border-radius: 100%; transition: all 0.3s ease-in-out;}
.i-app-list ul li a:hover .img{ background: #e81a46; box-shadow: 0 0 10px 5px rgba(0,0,0,0.25);}
.i-app-list ul li a:hover .img img{transform: scale(0.95); }
.i-app-list ul li a:hover .tit{ opacity: .7;}
.i-app-list h2{ width: 100%; text-align: right; font-size: 48px; font-family: "BellCent-SubCap-BT"; color: #fff; opacity: 0; text-transform: uppercase; line-height: 58px;}
.i-app-list h2 span{ display: block;}
#indexList {
	overflow: unset;
	padding: 0 10%;
}
#indexList .swiper-wrapper {
	height: auto;
}
.swiper-button-prev, .swiper-button-next {
	display: none;
}
.swiper-scrollbar {
	display: none;
}

/* 首页关于我们 */
.i-about{ width: 100%; display: block; font-size: 0; box-sizing: border-box; padding: 0 10%;}
.i-about .tit{ width: 100%; display: block;}
.i-about .tit > span{ line-height: 30px; display: block; font-size: 14px; color: #909090; margin-top: 55px; text-transform: uppercase;}
.i-about .tit h2{ display: block; line-height: 52px; color: #000; font-weight: bold; font-size: 36px;}
.i-about .tit .line{ display: inline-block; width: 70px; height: 3px; background: #33516f; position: relative; margin-top: 18px;}
.i-about .tit .line span{ width: 70px; position: absolute; left: 70px; top: 1px; height: 1px; background: #e5e5e5; display: inline-block;}
.i-about .text{ width: 980px; width: 63.80%;width: 68%; display: inline-block; font-size: 0; vertical-align: top; margin-top: 39px; position: relative;}
.i-about .text .bd { width: 459px; width: 46%;/* height: 400px; */ display: inline-block; margin-right: 5%; vertical-align: top;}
.i-about .text .bd ul { height: 100%; }
.i-about .text .bd ul li {height: 100%;}
.i-about .text .bd ul li .img { width: 100%; /*height: 420px;*/ overflow: hidden;position: relative;}
.i-about .text .bd ul li .img img {max-width: 100%;/*left: 50%;top:50%;transform: translate(-50%, -50%);position: absolute;*/}
/*.i-about .text .bd img{ max-width: 100%; }*/
.i-about .text .hd{ width: 459px; position: absolute; left: 0; bottom: 17px; z-index: 2;}
.i-about .text .hd ul{ width: 100%; display: block; text-align: left; box-sizing: border-box; padding: 0 10px;}
.i-about .text .hd ul li{ display: inline-block; width: 14px; background-color: #000; height: 14px; border: 1px solid #fff; border-radius: 100%; box-sizing: border-box; margin: 0 5px; }
.i-about .text .hd ul li.on{ background-color: #e81a46; }
.i-about .text .view{ width: 480px; width: 48%; max-height: 400px; overflow: hidden; display: inline-block; vertical-align: top;}
.i-about .text .view h3{ font-size: 20px; color: #fff; background: #e81a46; line-height: 32px; letter-spacing: 9px; text-transform: uppercase; padding: 0 13px 0 18px; margin-top: 24px;}
.i-about .text .view h4{ font-weight: bold; color: #e81a46; font-size: 24px; text-transform: uppercase; margin: 20px 0 10px;}
.i-about .text .view h4 b{font-size: 60px;display: inline-block;}
.i-about .text .view span{ font-family: "Chaparral-Pro"; font-size: 24px; color: #000; display: block;}
.i-about .text .view p{ font-size: 14px; color: #3a3a3a; display: block; line-height: 25px;margin-top: 16px;}
.i-about .text .view a{ color: #33506e; font-size: 14px; text-transform: uppercase; transition: all 0.3s ease-in-out; margin-top: 13px;display: inline-block;}
.i-about .text .view:hover a{ color: #e81a46;text-decoration: underline;}
.i-about .list{ width: 22%; display: inline-block; margin: 63px 0 0 44px;margin-left: 2.78%;}
.i-about .list li{ width: 100%; display: block; margin-bottom: 7px; box-sizing: border-box; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 3px solid #47c9af; border-right: 3px solid #47c9af; background: #f9f9f9; padding: 0 26px; }
.i-about .list li h2{  display: block; line-height: 70px; font-size: 20px; color: #000; font-weight: bold; transition: all 0.3s ease-in-out; position: relative;}
.i-about .list li .box{ display: block; line-height: 24px; height: 96px; margin: 10px 0 40px; overflow: hidden; font-size: 14px; color: #838383;}
.i-about .list li .box p{ margin: 0; display: block;}
.i-about .list li h2.on{ color: #39c5bb;}
.i-about .list li h2::after{ content: "\e633"; font-family: iconfont; width: 70px; height: 70px; line-height: 70px; position: absolute; top: 0; right: -30px; text-align: center; transform: rotate(90deg);transition: all 0.3s ease-in-out;}
.i-about .list li h2.on::after{ transform: rotate(-90deg)}


/* 产品中心 */
.i-product-nav{ background: #33506e; display: block; margin-top: 76px; height: 190px;  box-sizing: border-box; padding: 0 10%; font-size: 0;}
.i-product-nav .tit{ width: 30%; display: inline-block;}
.i-product-nav .tit > span{ line-height: 30px; display: block; font-size: 14px; color: #fff; margin-top: 46px; text-transform: uppercase;}
.i-product-nav .tit h2{ display: block; line-height: 50px; color: #fff; font-weight: bold; font-size: 36px;}
.i-product-nav .tit .line{ display: inline-block; width: 70px; height: 3px; background: #e81a46; position: relative; margin-top: 18px;}
.i-product-nav .tit .line span{ width: 70px; position: absolute; left: 70px; top: 1px; height: 1px; background: #fff; display: inline-block;}


.navlist{ width: 70%;  display: inline-block; vertical-align: top}
.navlist .all{ width: 100%; display: block; text-align: right; margin: 70px 0 15px;}
.navlist .all a{ color: #fff; opacity: .5; font-size: 14px; line-height: 28px; transition: all 0.3s ease-in-out}
.navlist .all a i{ font-family: iconfont; margin-left: 10px; font-weight: bold;}
.navlist ul{ display: block; text-align: right;}
.navlist ul li{ display: inline-block; text-align: right; line-height: 20px; opacity: .5; transition: all 0.3s ease-in-out}
.navlist ul li::after{  content: "/"; margin: 0 16px; font-size: 14px; color: #fff; }
.navlist ul li a{ font-size: 14px; color: #fff; }
.navlist ul li:last-child::after{ display: none;}
.navlist a:hover,.navlist li:hover{ opacity: 1;}





.i-product-list{ width: 100%; display: block; box-sizing: border-box; margin-top: 60px; padding: 0 10%; font-size: 0;}
.i-product-list .list{ width: 100%; display: block; overflow: hidden;}
.i-product-list li{ width: 32%; display: inline-block; margin: 0 2% 2% 0;}
.i-product-list li:nth-child(3n){ margin-right: 0;}
.i-product-list li a{ position: relative; width: 100%; display: block; overflow: hidden;}
.i-product-list li .img{ width: 100%; display: block;}
.i-product-list li img{ width: 100%;}
.i-product-list li .tit{ position: absolute; display: block; text-align: center; width: 100%; color: #fff; font-size: 16px; background: rgba(232, 26, 70, .8); line-height: 40px; height: 40px; overflow: hidden; bottom: -40px; left: 0;  transition: all 0.3s ease-in-out}
.i-product-list li a:hover .tit{ bottom: 0;}

.i-product-list .hd{ width: 100%; position: relative;  z-index: 2; margin: 20px 0 70px;}
.i-product-list .hd ul{ width: 100%; display: block; text-align: center;}
.i-product-list .hd ul li{ display: inline-block; width: 14px; height: 14px; border: 1px solid #000; border-radius: 100%; box-sizing: border-box; margin: 0 5px; }
.i-product-list .hd ul li.on{ background: #000; }



.i-add{ width: 100%; display: block; height: 510px; background: url(../images/i-add.jpg) no-repeat top center / cover; position: relative; text-align: center;}
.i-add .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.i-add .text h2{ display: block; color: #fff; font-size: 42px; text-transform: uppercase;letter-spacing: 6px;margin-left: 57px;}
.i-add .text span{ display: inline-block; background: #e81a46; color: #fff; font-size: 24px; line-height: 32px; margin: 29px 0 45px; padding: 4px 15px; border-radius: 4px;}
.i-add .text a{ display: block; max-width: 244px; margin: 0 auto; letter-spacing: 2px; color: #fff; font-size: 12px; border-radius: 50px; text-transform: uppercase; border: 2px solid #39c5bb; font-weight: bold; line-height: 46px; padding: 0 35px; transition: background 0.3s ease-in-out}
.i-add .text a:hover{ background: #e81a46; }

.i-contact{ width: 100%; display: block; box-sizing: border-box; padding: 0 10%; font-size: 0;}
.i-c-box{ width: 516px; display: inline-block; margin: 50px 0 38px; overflow: hidden;}
.i-c-box h3{ line-height: 40px; font-size: 18px; color: #e81a46; display: block; text-transform: uppercase;}
.i-c-box h2{ font-family: "Arno Pro"; font-size: 36px; color: #000; display: block; line-height: 60px;}
.i-c-box .line{ display: inline-block; width: 70px; height: 3px; background: #33516f; position: relative; margin-top: 22px; z-index: 1;}
.i-c-box .line span{ width: 516px; position: absolute; left: 70px; top: 1px; height: 1px; background: #e5e5e5; display: inline-block; z-index: -1;}
/* .i-c-box .i-mail{ display: block;} */
.i-c-box .i-mail span{ display: block; color: #999; font-size: 18px; line-height: 30px; margin: 30px 0 26px; text-transform: uppercase;}
.i-c-box .i-mail form input{ width: 270px; height: 48px; box-sizing: border-box; border: 1px solid #ccc; padding: 10px 16px; line-height: 28px; display: inline-block; vertical-align: top}
.i-c-box .i-mail form input.none{ display: none;}
.i-c-box .i-mail form button{ width: 120px; height: 48px; text-align: center;background: #33516f; font-size: 18px; color: #fff; box-sizing: border-box; border: none; padding: 10px 0; line-height: 28px; display: inline-block; border-top-right-radius: 24px; border-bottom-right-radius: 24px;  vertical-align: top; cursor: pointer; transition: background 0.3s ease-in-out}
.i-c-box .i-mail form button:hover{ background: #e81a46;}
.i-c-info{ position: relative; background: url(../images/ewm.png) no-repeat 300px bottom / 95px 95px;}
.i-c-info li{ display: block; box-sizing: border-box; padding-left: 60px; position: relative; min-height: 42px; margin-top: 33px;}
.i-c-info li i{ font-family: "iconfont"; font-size: 18px; width: 42px; height: 42px; text-align: center; line-height: 42px; background: #e2e1e1; color: #000; display: inline-block;  position: absolute; top: 0;left: 0;}
.i-c-info li span{ font-size: 16px; color: #999; line-height: 42px; display: block;}
.i-c-info li span a {color: #999}

.i-news-list{ width: 880px; width: calc(100% - 593px); display: inline-block; margin: 106px 0 0 77px; vertical-align: top;}
.i-news-list h2{ display: inline-block; line-height: 28px; color: #fff; background: #e81a46; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; padding: 0 26px;}
.i-news-list ul{ display: block; margin-top: 40px;}
.i-news-list ul li{ width: 32%; margin: 0 2% 0 0; display: inline-block;}
.i-news-list ul li:last-child{ margin: 0;}
.i-news-list ul li .img{ width: 100%;}
.i-news-list ul li .img img{ width: 100%;}
.i-news-list ul li p{ margin-bottom: .08rem;margin-top: .15rem; max-height: 75px;overflow: hidden; font-size: 14px; color: #999; line-height: 25px; height: 1rem;}
.i-news-list ul li a{ font-size: 14px; color: #666; line-height: 25px; text-transform: uppercase; transition: opacity 0.3s ease-in-out}
.i-news-list ul li:hover a { opacity: .7; color: #e81a46;text-decoration: underline;}


@media screen and (max-width: 1700px) {
.i-about .text .view p:nth-of-type(2) {
	display: none;
}
.i-about .text .view a {
	margin-top: 20px;
	display: inline-block;
}

.i-about .list li .box {
	margin-bottom: 0;
}
}

@media screen and (max-width: 1500px) {
.i-about .text .view h3 {
	letter-spacing: 6px;
}
.i-about .text {
	width: 68%;
}
.i-about .list {
	width: 28%;
}
.i-about .text .bd {
	margin-top: 24px;
	pointer-events: none;
}
.i-news-list ul li {
	width: 46%;
	margin: 0 2%;
}
.i-news-list ul li:last-child {
	display: none;
}



}

@media screen and (max-width: 1360px) {
.i-about .text .bd {
	width: 51%;
}
.i-about .text .view {
	width: 44%;
}

}


@media screen and (max-width: 480px) {

.i-app-list ul li a:hover .img {
	box-shadow: unset;
	background-color: transparent;
}
#indexList {
	overflow: hidden;
	padding: 0;
}
.i-app-list {
	height: auto;
	padding: 0 8%;
	z-index: 1;
	background-size: cover;
}
.i-app-list ul li {
	top: 0;
	width: 50%; height: 3.2rem;
	background-color: rgba(255, 255, 255, .6);
}
.i-app-list ul li:nth-child(2n) {
	background-color: rgba(51, 80, 110, .6);
}
.i-app-list ul li a .tit {
	margin-top: .2rem;
}
.i-app-list ul li a .img {
	width: 100%; height: auto;
}
.i-app-list ul li a .img img {
	max-width: 100%;
}
.i-app-list h2 {
	margin-top: 0;
	font-size: .28rem;
	line-height: 1.5;
	padding: 6% 8% 6% 10%;
	box-sizing: border-box;
	top: 30px;
	position: relative;
}
.i-app-list h2 span {
	display: inline-block;
}
.i-app-list h2 i {
	display: block;
}
#indexList .swiper-button-prev,
#indexList .swiper-button-next {
	display: block;
	top: 30%;
	outline-style:none;
	-moz-outline-style: none;
	padding: .2rem .1rem;
	background-color: #fff;
	background-size: .16rem .44rem;
}
.swiper-scrollbar {
	display: block;
}
.i-about {
	padding: 0 8%;
}
.i-about .text {
	width: 100%;
}
.i-about .text .bd {
	width: 100%;
	overflow: hidden;
	margin: 0;
}
.i-about .text .hd {
	width: 100%;
	top: calc(76.5vw + .1rem);
	top: -moz-calc(76.5vw + .1rem);
	top: -webkit-calc(76.5vw + .1rem);
}
.i-about .text .hd ul {
	text-align: right;
	padding: 0;
}
.i-about .text .view {
	width: 100%;
}
.i-about .text .view h3 {
	font-size: .2rem;
	margin: .33rem 0 0 0;
	width: 100%;
	text-align: center;
	padding: 0;
}
.i-about .text .view a {
	color: #e81a46;
}
.i-about .list {
	width: 100%;
	margin: .4rem 0 0;
}
.i-product-nav {
	height: auto;
	padding: 0 6%;
}
.i-product-nav .tit {
	width: 100%;
}
.i-product-nav .tit > span {
	margin-top: .3rem;
}
.navlist {
	width: 100%;
	margin-bottom: .15rem;
}
.navlist .all {
	margin: .15rem 0 .08rem;
	text-align: left;
}
.navlist ul {
	text-align: left;
}
.navlist ul li a {
	font-size: .14rem;
	line-height: 1.5;
}
.navlist ul li::after {
	margin: 0 .1rem;
}
.i-product-list {
	padding: 0 6%;
	margin-top: .4rem;
}
.i-product-list li {
	width: 48%;
    margin: 0 2% 2% 0;
}
.i-product-list li:nth-child(3n) {
	margin: 0 2% 2% 0;
}
.i-product-list .hd {
	margin: .2rem 0 .25rem;
}
.i-add {
	height: auto;
	padding: .5rem 0;
	box-sizing: content-box;
}
.i-add .text {
	width: 100%;
	padding: 0 8%;
	box-sizing: border-box;
	position: relative;
    top: unset;
    left: unset;
    transform: translate(0, 0);
}
.i-add .text h2 {
	font-size: .36rem;
	line-height: 1.5;
	margin-left: 0;
	letter-spacing: 0;
}
.i-add .text span {
	font-size: .24rem;
	line-height: 1.5;
	padding: .15rem;
	box-sizing: border-box;
}
.i-contact {
	padding: 0 8%;
}
.i-c-box {
	width: 100%;
}
.i-c-box h2 {
	font-size: .3rem;
}
.i-c-box .i-mail form input {
	width: 70%;
}
.i-c-box .i-mail form button {
	width: 30%;
}
.i-c-info {
	background-image: unset;
}
.i-c-info li span {
	line-height: .42rem;
}
.i-c-info li:first-child span {
	line-height: .21rem;
}
.i-news-list {
	width: 100%;
	margin: 0;
}
.i-news-list ul {
	margin-bottom: .1rem;
}
.i-news-list ul li {
	width: 100%;
	margin-bottom: .2rem;
	margin-right: 0;
	margin-left: 0;
}
.i-news-list ul li p {
	width: 100%;
	display: block;
}

}