@charset "utf-8";
/*!--首页------------------*/
.indexBody{background: #FFF;}
.indexBanner{position: relative;overflow: hidden;background: #EEE;}
	.indexBanner .slide{overflow: hidden;position: relative;}
	.indexBanner .slide .bd li .imgh{padding-top: 43.48958%;}
	.indexBanner .slide .bd li .img{position: absolute;left: 0;top: 0;width: 104.16666%;height: 100%;background-size: cover;}
	.indexBanner .slide .bd li .txt{top: auto;padding-bottom: 5%;color: #FFF;}
	.indexBanner .slide .bd li .txt .title{padding-bottom: .5%;line-height: 1.16rem;font-size: .7rem;font-weight: bold;}
	.enHtml .indexBanner .slide .bd li .txt .title{margin-bottom: 1rem;}
	.indexBanner .slide .bd li .txt .note{line-height: .88rem;font-size: .56rem;font-style: italic;font-family: Arial, Helvetica, sans-serif;}
	.indexBanner .slide .bd li.active .img{animation: banner-img-animate 6s linear;-webkit-animation: banner-img-animate 6s linear;animation-iteration-count: infinite;}
	.indexBanner .slide .hd{z-index: 3;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;margin-bottom: 2.0833%;text-align: center;}
	.indexBanner .slide .hd span{width: 140px;height: 1px;margin: 0 6px;background: #FFF;cursor: pointer;}
	.indexBanner .slide .hd span:after{content: "";display: block;width: 0;height: 1px;}
	.indexBanner .slide .hd span.active:after{background: #0066b5;animation: banner-hd-animate 5s linear;-moz-animation: banner-hd-animate 5s linear;-webkit-animation: banner-hd-animate 5s linear;}
	@keyframes banner-hd-animate{0%{width: 0;}100%{width: 100%;}}
	@-webkit-keyframes banner-hd-animate{0%{width: 0;}100%{width: 100%;}}
	@-moz-keyframes banner-hd-animate{0%{width: 0;}100%{width: 100%;}}
	@keyframes banner-img-animate{0%{left: 0;}100%{left: -4.16666%;}}
	@-webkit-keyframes banner-img-animate{0%{left: 0;}100%{left: -4.16666%;}}


.indexModule{z-index: 3;position: relative;margin-bottom: 3.02083%;}
	.indexModule ul{margin-top1: -7.142857142857143%;margin-top: 2.85714%;background-color: #FFF;box-shadow: 0 4px 8px rgba(6,0,1,.16);}
	.indexModule li{float: left;width: 25%;text-align: center;}
	.indexModule li .imga{padding: 12.57142857142857% 0 14.28571428571429%;color: #828282;}
	.indexModule li .imga:before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 100px;margin-top: -50px;background: #C8C8C8;}
	.indexModule li:first-child .imga:before{display: none;}
	.indexModule li .img{overflow: hidden;width: 80px;height: 80px;margin: 0 auto;}
	.indexModule li .img img{height: 160px;}
	.indexModule li .title{line-height: 1.4;font-size: .4rem;font-weight: normal;}
	.indexModule li .imga:hover{background: #0066b5;color: #FFF;}
	.indexModule li .imga:hover:before{display: none;}
	.indexModule li .imga:hover .img img{margin-top: -80px;}
	@media (max-width: 1024px) {
		.indexModule li .title{font-size: .6rem;}
	}


.indexTitle{position: relative;border-bottom: 1px solid #646464;}
	.indexTitle h2{line-height: 2.7rem;font-size: 1.2rem;}
	.indexTitle .more{position: absolute;right: 0;bottom: .64rem;float: right;line-height: 30px;}
	.indexTitle .more i{background-position: -30px -60px;}
	.indexTitle .more:hover{color: #0066b5;}
	.indexTitle .more:hover i{background-position: 0 -60px;}
.indexTags{padding: 2.08333% 0 2.86458%;text-align: center;}
	.indexTags ul{border-bottom: 1px solid #969696;}
	.indexTags ul li{float: left;margin: 0 .6rem;line-height: 1.14rem;font-size: .4rem;cursor: pointer;}
	.indexTags ul li:first-child{margin-left: 0!important;}
	.indexTags ul li:last-child{margin-right: 0!important;}
	.indexTags ul li a{display: block;margin-bottom: -1px;border-bottom: 2px solid transparent;}
	.indexTags ul li.active a{border-bottom-color: #0066b5;font-weight: bold;color: #0066b5;}
	@media (max-width: 1080px) {
		.indexTags ul li{font-size: .5rem;}
	}@media (max-width: 768px) {
		.enHtml .indexTags ul li{margin: 0 .2rem;}
	}


.indexCases{}
	.indexCases .bd ul{overflow: hidden;margin: -1px;}
	.indexCases .bd li{position: relative;float: left;width: 33.33333%;}
	.indexCases .bd li .imga{margin: 1px;}
	.indexCases .bd li .img{padding-top: 70.9375%;}
	.indexCases .bd li .bg{opacity: 0;background: rgba(0,0,0,.7);}
	.indexCases .bd li .bg.isv{opacity: .3;}
	.indexCases .bd li .vIcon{z-index: 2;position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;margin: -30px;background-position: -60px 0;}
	.indexCases .bd li .txt{transform: translateY(20%);opacity: 0;padding: 6.5625%;color: #FFF;}
	.indexCases .bd li .txt .title{line-height: 1.25;font-size: 1rem;font-weight: normal;}
	.indexCases .bd li .txt .base{font-size: .36rem;}
	.indexCases .bd li .txt .base em:not(:last-child):after{content: "/";padding: 0 .5%;}
	.indexCases .bd li .txt .line{width: 98px;height: 4px;margin: 10px 0 4.0625%;background: #FFF;}
	.indexCases .bd li .txt .note{-webkit-line-clamp: 3;}
	.indexCases .bd li .txt .view{z-index: 2;position: absolute;left: 0;bottom: 0;margin: 0 0 7.8125% 6.5625%;width: 32.7272%;height: 30px;padding: 1.181818%;border: 1px solid #FFF;line-height: 30px;text-align: center;font-size: .4rem;color: #FFF;}
	.indexCases .bd li .txt .view i{background-position: -30px 0;}
	.indexCases .bd li .imga:hover .bg{opacity: 1;}
	.indexCases .bd li .imga:hover .vIcon{opacity: 0;}
	.indexCases .bd li .imga:hover .txt{transform: translateY(0);opacity: 1;}
	.indexCases .bd li .imga:hover .txt .view{border-color: #0066b5;background: #0066b5;}
	@media (max-width: 1440px) {
		.indexCases .bd li .txt .title{line-height: 1.5;font-size: .6rem;}
		.indexCases .bd li .txt .base{font-size: .28rem;}
		.indexCases .bd li .txt .line{height: 2px;}
		.indexCases .bd li .txt .view{width: 25%;font-size: .28rem;}
		.indexCases .bd li .txt .view i{width: 23px;background-position: -30px -30px;}
	}@media (max-width: 1080px) {
		.indexCases .bd li .txt .view{font-size: .36rem;}
	}@media (max-width: 1024px) {
		.indexCases .bd li .trbl{opacity: 1;top: auto;background: none;}
		.indexCases .bd li .vIcon{opacity: 1;transform: scale(.8);}
		.indexCases .bd li .txt{transform: translateY(0);opacity: 1;padding: 3% 4%;background: rgba(0,0,0,.5);}
		.indexCases .bd li .txt .base{display: none;}
		.indexCases .bd li .txt .line{display: none;}
		.indexCases .bd li .txt .note{display: none;}
		.indexCases .bd li .txt .view{display: none;}
		.indexCases .bd li .imga:hover .vIcon{opacity: 1;}
	}


.indexAbout{padding: 2.60416% 0 4.16666%;background: #000;}
	.indexAbout .indexTitle{z-index: 3;position: relative;border-bottom-color: #FFF;color: #FFF;background: #000;}
	.indexAbout .videoPlayer{padding-top: 56.07142857142857%;margin-top: -2.85714%;}
	.indexAbout .videoPlayer video{width: 100%;height: 100%;}
	.indexAbout .videoPlayer .playerBtn{cursor: url('indexPlay.png'), default;}
	/* .indexAbout .videoPlayer .player{background-color: rgba(0,0,0,.7);cursor: pointer;} */
	/* .indexAbout .videoPlayer .player i{z-index: 2;position: absolute;top: 50%;left: 50%;width: 90px;height: 60px;margin: -30px -45px;background-position: -120px 0;} */
	.indexAbout .viewBtn{line-height: 2rem;background: #191919;text-align: center;font-size: .48rem;color: #FFF;cursor: pointer;}
	.indexAbout .viewBtn i{width: 60px;background-position: -270px 0;vertical-align: middle;}
	.indexAbout .viewBtn:hover{color: #0066b5;}
	.indexAbout .viewBtn:hover i{background-position: -210px 0;}
	.indexAbout .viewTxt{display: none;}
	.indexAboutView{background: #191919;color: #FFF;}
	.indexAboutView .viewTxt{width: 100%;height: 100%;text-align: center;}
	.indexAboutView .viewTxt .title{font-size: 1.2rem;}
	.indexAboutView .viewTxt .line{width: 100px;height: 4px;margin: .14rem auto 1.7rem;background: #FFF;}
	.indexAboutView .viewTxt .txt{line-height: 1.12rem;font-size: .56rem;}
	.indexAboutView .layui-layer-setwin{top: 0;right: 0;margin: 3.38541%;}
	.indexAboutView .layui-layer-setwin .layui-layer-close2{top: 0;right: 0;width: 60px;height: 60px;padding: 0;margin: 0;border: none;background: url(../images/index.png) -330px 0 no-repeat;}
	.indexAboutView .layui-layer-setwin .layui-layer-close2:hover{background-position: -390px 0;}


.indexChoice{padding: 3.125% 0;background: #101010;color: #FFF;}
	.indexChoice ul{padding: 1rem 0 1.3rem;}
	.indexChoice ul li{position: relative;float: left;width: 28.5%;text-align: center;color: #646464;}
	.indexChoice ul li:first-child{width: 11%;padding-right: 8.5%;}
	.indexChoice ul li:last-child{width: 18.5%;padding-left: 5%;}
	.indexChoice ul li:after{content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 1.2rem;margin-top: -.6rem;background: #646464;}
	.indexChoice ul li:last-child:after{display: none;}
	.indexChoice ul li h3{line-height: 3rem;font-size: 1.5rem;color: #0066b5;font-family: "DINCondensed-Bold","Arial","Arial Narrow";}
	.indexChoice ul li p{position: absolute;top: 100%;left: 0;right: 0;white-space: nowrap;}
	.indexChoice .txt{opacity: .88;max-width: 1110px;margin: 0 auto 1.2rem;line-height: 2;text-align: center;font-size: .48rem;}
	@media (max-width: 768px) {
		.indexChoice ul li:first-child{width: 11%;padding-right: 5.5%;}
		.indexChoice ul li:last-child{width: 26.5%;padding-left: 0;}
	}


.indexSuperiority{padding: 3.125% 0 4.16667%;background: #DCDCDC;}
	.indexSuperiority ul{margin: 0 -.4rem;}
	.indexSuperiority ul li{float: left;width: 50%;}
	.indexSuperiority ul li .imga{overflow: hidden;margin: .8rem .4rem 0;padding: .5rem .6rem .5rem .2rem;border: 1px solid #646464;}
	.indexSuperiority ul li .num{width: 3.6rem;line-height: 3rem;text-align: center;font-size: 3rem;color: #0066b5;font-family: "DINCondensed-Regular","Arial","Arial Narrow";}
	.indexSuperiority ul li .txt{position: relative;height: 3rem;}
	.indexSuperiority ul li .txt .title{padding-bottom: .2rem;line-height: 1.1;font-size: .8rem;font-weight: normal;}
	.indexSuperiority ul li .txt .note{line-height: 1.4;color: #828282;}
	.indexSuperiority ul li .imga:hover{border-color: #0066b5;background: #0066b5;color: #FFF;}
	.indexSuperiority ul li .imga:hover .num{color: #FFF;}
	.indexSuperiority ul li .imga:hover .txt .note{color: #FFF;}
	@media (max-width: 1024px) {
		.indexSuperiority ul li .num{width: 3rem;}
	}@media (max-width: 768px) {
		.indexSuperiority ul li .txt .note{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
	}


.indexBrand{padding: 3.125% 0 1.04166%;background: #101010;color: #FFF;}
	.indexBrand ul{width: 17.14285%;margin: .88rem 0;}
	.indexBrand ul li .imga{margin: .3rem .8rem .3rem 0;}
	.indexBrand ul li .imgh{padding-top: 75%;}
	/* .indexBrand ul{margin: .88rem -.4rem;}
	.indexBrand ul li{float: left;width: 16.66666666666667%;}
	.indexBrand ul li .imga{margin: .3rem .4rem;}
	.indexBrand ul li .imgh{padding-top: 75%;} */


.indexThink{padding: 3.125% 0;background: #DCDCDC;}
	.indexThink .hd{padding-bottom: 0;}
	.indexThink .hd ul li{position: relative;margin-left: .8rem;margin-right: .8rem;}
	.indexThink .hd ul li .arrow{opacity: 0;visibility: hidden;bottom: 0;position: absolute;width: 120px;height: 60px;margin: 0 0 -2.24rem -60px;background-position: -450px -120px;}
	.indexThink .hd ul li.active .arrow{opacity: 1;visibility: visible;}
	.indexThink .bd ul li .imga{margin: 2.2rem 9.07142%;padding: 5% 6.07142% 4.28571%;border-radius: .8rem;background: #FFF;box-shadow: 0 4px 8px rgba(6,0,1,.16);line-height: .8rem;font-size: .4rem;}
	.indexThink .bd ul li .imga .comma{z-index: 2;position: absolute;width: 120px;height: 120px;}
	.indexThink .bd ul li .imga .comma.t{left: -60px;top: -50px;background-position: -450px 0;}
	.indexThink .bd ul li .imga .comma.b{right: -60px;bottom: -50px;background-position: -570px 0;}
	@media (max-width: 1280px) {
		.indexThink .hd ul li .arrow{width: 60px;height: 30px;margin-left: -30px;margin-bottom: -1.64rem;background-position: -450px -180px;}
		.indexThink .bd ul li .imga{margin-top: 1.6rem;margin-bottom: 1.6rem;padding: 5% 6% 3.28571%;border-radius: .6rem;}
		.indexThink .bd ul li .imga .comma{width: 60px;height: 60px;}
		.indexThink .bd ul li .imga .comma.t{left: -30px;top: -20px;background-position: -570px -120px;}
		.indexThink .bd ul li .imga .comma.b{right: -30px;bottom: -20px;background-position: -630px -120px;}
	}


.indexNews{padding: 3.125% 0;background: #FFF;}
	.indexNews .container{margin: 0 -.4rem;}
	.indexNews .item{float: left;width: 33.3333%;}
	.indexNews .item .box{margin: 0 .4rem;}
	.indexNews .ht{padding: 6.81818% 0 9.0909%;}
	.indexNews .ht a{padding-bottom: 10px;border-bottom: 4px solid #0066b5;font-size: .48rem;color: #0066b5;}
	.indexNews .img{display: block;margin-bottom: .5rem;}
	.indexNews .img .imgh{padding-top: 59.0909%;}
	.indexNews ul li .title{line-height: 1.04rem;font-size: .36rem;font-weight: normal;}
	.indexNews ul li .title i{float: left;width: .12rem;height: .12rem;margin: .46rem .34rem 0 0;border-radius: 100%;background: #0066b5;}
	.indexNews ul li .txt{display: none;padding-bottom: .6rem;margin-bottom: .32rem;border-bottom: 1px solid #E6E6E6;color: #828282;}
	.indexNews ul li.on .title{font-size: .48rem;color: #0066b5;}
	.indexNews ul li.on .title i{display: none;}
	.indexNews ul li.on .txt{display: block;}
	@media (max-width: 1024px) {
		.indexNews ul li .title{font-size: .48rem;}
	}
	/* .indexNews .bd ul{margin: 0 -.4rem;}
	.indexNews .bd li{position: relative;float: left;width: 33.33333%;}
	.indexNews .bd li .imga{margin: 4.54545% .4rem 0;border-bottom: 1px solid #C8C8C8;}
	.indexNews .bd li .img{padding-top: 59.0909%;}
	.indexNews .bd li .txt{padding: 4.54545% 0 13.63636%;}
	.indexNews .bd li .txt .title{font-size: .56rem;font-weight: normal;}
	.indexNews .bd li .txt .base{padding: 0 0 4.54545%;font-size: .48rem;color: #969696;font-family: "DINCondensed-Regular","Arial";}
	.indexNews .bd li .txt .note{height: 1.68rem;-webkit-line-clamp: 3;line-height: .56rem;color: #828282;}
	.indexNews .bd li .txt .view{width: 40%;height: 30px;margin-top: 9.0909%;padding: 1.8% 0;border: 2px solid #969696;line-height: 30px;text-align: center;font-size: .4rem;color: #828282;}
	.indexNews .bd li .txt .view i{width: 25px;background-position: -60px -60px;}
	.indexNews .bd li .imga:hover .txt .view{border-color: #0066b5;background: #0066b5;color: #FFF;}
	.indexNews .bd li .imga:hover .txt .view i{background-position: -90px -60px;}
	@media (max-width: 1440px) {
		.indexNews .bd li .txt .view{width: 44%;font-size: .5rem;}
		.indexNews .bd li .txt .view i{width: 23px;background-position: -60px -90px;}
		.indexNews .bd li .imga:hover .txt .view i{background-position: -90px -90px;}
	}@media (max-width: 768px) {
		.indexNews .bd li .txt .note{height: 2.1rem;line-height: .7rem;}
	} */


.indexIndent{padding: 1.82291% 0 3.90625%;background: #0085d0;color: #FFF;}
	.indexIndent .indexTitle{margin-bottom: 4.28571%;border-bottom-color: #FFF;}
	.indexIndent .form{margin: 0 -.4rem;}
	.indexIndent .table{clear: none;float: left;width: 50%;margin-bottom: .8rem;}
	.indexIndent .table .left,.indexIndent .table .add_on{display: none;}
	.indexIndent .table .right{margin: 0 .4rem;}
	.indexIndent .table .right .input-text{display: block;width: 100%;height: 1.6rem;padding: 0 .6rem;border: 2px solid #FFF;background: none;line-height: normal;font-size: .56rem;color: #FFF;}
	.indexIndent .table .right textarea.input-text{height: 4.6rem;padding-top: .48rem;padding-bottom: .48rem;resize: none;}
	.indexIndent .table .right .input-text::-webkit-input-placeholder{color: #FFF;}
	.indexIndent .table .right .input-text::-moz-placeholder{color: #FFF;}
	.indexIndent .table .right .input-text::-ms-input-placeholder{color: #FFF;}
	.indexIndent .table .right .input-text::placeholder{color: #FFF;}
	.indexIndent .cls_content{width: 100%;}
	.indexIndent .cls_button{width: 100%;text-align: right;}
	.indexIndent .table .right .button{display: inline-block;width: 5.2rem;height: 1.6rem;background: #FFF;font-size: .8rem;color: #0066b5;}
	.indexIndent .table .right .button:hover{background: #ff0000;color: #FFF;}