/*part1*/
.indexComTit{position: relative;}
.indexComTit span{font-size: 26px;text-transform: uppercase;color: #ff6262;}
.indexComTit em{display: none;font-size: 16px;text-transform: uppercase;color: #004ea1;}
.part1{margin-top: 73px;}
.part1 .part1Con{position: relative;width: 1200px;height: 430px;margin: 0 auto;}
.part1 .conL{position: relative;float: left;width: 40%;height: 100%;}
.part1 .conL:after{z-index: -1;content: "";position: absolute;right: -90px;top: 24px;width: 90px;height: 334px;background: #f5f5f5;}
.part1 .conL video{width: 100%;height: 100%;}
.part1 .conR{position: relative;float: left;width: 48%;height: 100%;margin-left: 3%;}
.part1 .conR .indexComTit{margin-top: 82px;text-align: right;}
.part1 .conR .indexComTit:before{content: "";position: absolute;left: 0;top: 17px;width: 23.5%;height: 1px;background: #999;}
.part1 .conR .indexComTit:after{content: "";position: absolute;right: 0;top: 84px;width: 1px;height: 166px;background: #999;}
.part1 .conR .indexComTit em{margin-right: 9%;}
.part1 .conR .txt{display: block;width: 80%;height: 104px;margin-top: 26px;line-height: 26px;color: #595959;text-align: justify;overflow: hidden;}
.part1 .conR .list{overflow: hidden;padding-left: 15%;margin-top: 45px;}
.part1 .conR .list li{float: left;width: 48px;margin-right: 10%;}
.part1 .conR .list li img{width: 100%;height: 37px;}
.part1 .conR .list li p{margin-top: 5px;font-size: 12px;text-align: center;color: #004ea1;}
.part1 .conR .pic{position: absolute;right: -18%;bottom: -90px;width: 188px;height: 151px;}
/*part1结束*/

/*part2*/
.part2{margin-top: 110px;}
.part2 .part2Con{position: relative;width: 1200px;height: 560px;margin: 0 auto;}
.part2 .indexComTit{margin-bottom: 62px;}
.part2 .tabs{float: left;width: 16%;height: 440px;}
.part2 .tabs span{display: block;margin-top: 38px;height: 54px;font-size: 18px;line-height: 54px;color: #595959;cursor: pointer;}
.part2 .tabs span:first-child{margin-top: 0;}
.part2 .tabs span i{position: relative;float: left;width: 12px;height: 12px;margin: 21px 0 0 17px;background: #aaa;border-radius: 50%;}
.part2 .tabs span i:before{content: "";position: absolute;left: -3px;top: -3px;width: 16px;height: 16px;border: 1px solid #aaa;border-radius: 50%;}
.part2 .tabs span i:after{content: "";position: absolute;left: -6px;top: -6px;width: 22px;height: 22px;border: 1px solid #e9e9e9;border-radius: 50%;}
.part2 .tabs span em{float: left;margin-left: 20px;}
.part2 .tabs .on{background: #004ea1;color: #fff;}
.part2 .tabs .on i{background: #fff;}
.part2 .tabs .on i:before{border-color: #96acce;}
.part2 .tabs .on i:after{border-color: #4c73ab;}
.part2 .tabsCon{float: right;width: 84%;height: 440px;overflow: hidden;}
.part2 .tabsCon .pic{float: left;width: 50%;height: 100%;}
.part2 .tabsCon .pic img{display: block;width: 425px;height: 348px;margin: 30px auto 0 auto;}
.part2 .tabsCon .con{float: left;width: 50%;height: 100%;}
.part2 .tabsCon .con .conT{overflow: hidden;height: 240px;}
.part2 .tabsCon .con .conT li{height: 100%;display: none;}
.part2 .tabsCon .con .conT li:first-child{display: block;}
.part2 .tabsCon .con .conT li h3{position: relative;padding-bottom: 20px;font-size: 16px;color: #595959;}
.part2 .tabsCon .con .conT li h3:after{content: "";position: absolute;left: 0;bottom: 0;width: 38px;height: 1px;background: #d2d2d2;}
.part2 .tabsCon .con .conT li p{overflow: hidden;height: 96px;margin-top: 20px;line-height: 24px;color: #595959;}
.part2 .tabsCon .con .conT li a{display: block;height: 20px;margin-top: 50px;}
.part2 .tabsCon .con .conT li a img{float: left;width: 32px;height: 12px;margin-top: 3px;}
.part2 .tabsCon .con .conT li a em{float: left;margin-left: 20px;font-size: 14px;color: #999;}
.part2 .tabsCon .con .conD{position: relative;height: 140px;margin-top: 60px;}
.part2 .tabsCon .con .conD .prodList{position: absolute;left: 5%;top: 0;width: 90%;height: 140px;overflow: hidden;}
.part2 .tabsCon .con .conD .prodList .swiper-slide{width: 23%;height: 120px;margin: 0 1%;cursor: pointer;}
.part2 .tabsCon .con .conD .prodList .swiper-slide img{display: block;width: 88px;height: 72px;margin: 23px auto 0 auto;}
.part2 .tabsCon .con .conD .prodList .on{background: #eee;box-shadow: 0 5px 10px 0 #aaa;}
.part2 .tabsCon .con .conD .button-next{position: absolute;right: 0;top: 48px;width: 12px;height: 22px;background: url(../images/btnR.png);cursor: pointer;}
.part2 .tabsCon .con .conD .button-prev{position: absolute;left: 0;top: 48px;width: 12px;height: 22px;background: url(../images/btnL.png);cursor: pointer;}
/*part2结束*/

/*part3*/
.part3{background: #f5f5f5;}
.part3Con{width: 1200px;height: 470px;margin: 0 auto;}
.part3 .indexComTit{padding-top: 55px;}
.part3 .list{overflow: hidden;margin-top: 50px;}
.part3 .list li{float: left;width: 200px;margin-left: 45px;}
.part3 .list li:first-child{margin-left: 0;}
.part3 .list li a{display: block;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.part3 .list li a .pic{height: 108px;overflow: hidden;}
.part3 .list li a .pic img{width: 100%;height: 100%;transition: all 0.5s ease;}
.part3 .list li a .tit{position: relative;height: 52px;padding-top: 12px;margin-top: 24px;font-size: 16px;line-height: 26px;color: #474747;overflow: hidden;}
.part3 .list li a .tit:before{content: "";position: absolute;left: 0;top: 0;width: 22px;height: 1px;background: #ff6262;}
.part3 .list li a .more{overflow: hidden;margin-top: 20px;}
.part3 .list li a .more em{float: left;color: #ababab;}
.part3 .list li a .more img{float: left;margin: 5px 0 0 7px;filter: grayscale(1) opacity(.3);-webkit-filter: grayscale(1) opacity(.3);}
.part3 .list li a:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.part3 .list li a:hover .tit{color: #004ea1;}
.part3 .list li a:hover .more em{color: #ff6262;}
.part3 .list li a:hover .more img{filter: grayscale(0) opacity(1);-webkit-filter: grayscale(0) opacity(1);}
/*part3结束*/

/*part4*/
.part4{padding-top: 80px;}
.part4Con{width: 1200px;height: 530px;margin: 0 auto;}
.part4 .conL{float: left;width: 55%;height: 438px;overflow: hidden;}
.part4 .conL .swiper-slide img{width: 100%;height: 100%;}
.part4 .conR{float: right;width: 40%;}
.part4 .conR .indexComTit{margin-top: 42px;}
.part4 .conR .tabs{margin-top: 25px;}
.part4 .conR .tabs li{position: relative;height: 80px;padding: 15px 10%;border: 1px solid #dcdcdc;color: #5f5f5f;cursor: pointer;}
.part4 .conR .tabs li:before{display: none;content: "";position: absolute;left: -20px;top: 45px;width: 0;height: 0;border: 10px solid transparent;border-right: 18px solid #004ea1;border-left-width: 2px;}
.part4 .conR .tabs li .pic{float: left;width: 28px;height: 28px;background: url(../images/enterprise_icon1.png);}
.part4 .conR .tabs li .txt{float: left;width: 85%;margin-left: 5%;}
.part4 .conR .tabs li .txt h3{font-size: 16px;}
.part4 .conR .tabs li .txt p{height: 36px;margin-top: 10px;font-size: 12px;line-height: 18px;overflow: hidden;}
.part4 .conR .tabs li+li .pic{background: url(../images/enterprise_icon2.png);}
.part4 .conR .tabs li+li+li .pic{background: url(../images/enterprise_icon3.png);}
.part4 .conR .tabs .on{background: #004ea1;color: #fff;}
.part4 .conR .tabs .on:before{display: block;}
.part4 .conR .tabs .on .pic{background-position: 0 -28px;}
/*part4结束*/


/*mobile:<768px*/
@media screen and (max-width: 767px){
	/*part1*/
	.part1{margin-top: 20px;}
	.part1 .part1Con{position: relative;width: 94%;height: 520px;}
	.part1 .conL{position: absolute;top: 260px;width: 100%;height: 260px;}
	.part1 .conL:after{display: none;}
	.part1 .conR{width: 100%;height: 260px;margin-left: 0;}
	.part1 .conR .indexComTit{margin-top: 5px;text-align: left;}
	.part1 .conR .indexComTit em{margin-right: 0;}
	.part1 .conR .indexComTit:before{display: none;}
	.part1 .conR .indexComTit:after{display: none;}
	.part1 .conR .txt{width: 100%;margin-top: 15px;}
	.part1 .conR .list{margin-top: 20px;}
	.part1 .conR .pic{display: none;}
	/*part1结束*/

	/*part2*/
	.part2{margin-top: 30px;}
	.part2 .part2Con{width: 94%;height: 700px;}
	.part2 .indexComTit{margin-bottom: 15px;}
	.part2 .tabs{width: 100%;height: auto;}
	.part2 .tabs span{float: left;width: 33%;height: 30px;margin-top: 0px;font-size: 14px;line-height: 30px;}
	.part2 .tabs span i{display: none;}
	.part2 .tabs span em{width: 100%;margin-left: 0px;text-align: center;}
	.part2 .tabsCon{width: 100%;height: 580px;margin-top: 10px;}
	.part2 .tabsCon .pic{width: 100%;height: 260px;}
	.part2 .tabsCon .pic img{width: 300px;height: 245px;margin: 0 auto;}
	.part2 .tabsCon .con{width: 100%;height: 350px;}
	.part2 .tabsCon .con .conT{height: 180px;}
	.part2 .tabsCon .con .conT li h3{padding-bottom: 10px;}
	.part2 .tabsCon .con .conT li p{margin-top: 10px;}
	.part2 .tabsCon .con .conT li a{margin-top: 10px;}
	.part2 .tabsCon .con .conT li a img{float: left;width: 32px;height: 12px;margin-top: 3px;}
	.part2 .tabsCon .con .conT li a em{float: left;margin-left: 20px;font-size: 12px;color: #999;}
	.part2 .tabsCon .con .conD{height: 120px;margin-top: 0px;}
	.part2 .tabsCon .con .conD .prodList{height: 120px;}
	.part2 .tabsCon .con .conD .prodList .swiper-slide{height: 100px;}
	.part2 .tabsCon .con .conD .prodList .swiper-slide img{width: 60px;height: 50px;margin: 25px auto 0 auto;}
	/*part2结束*/

	/*part3*/
	.part3Con{width: 94%;height: auto;}
	.part3 .indexComTit{padding-top: 30px;}
	.part3 .list{margin-top: 15px;}
	.part3 .list li{width: 31%;margin-left: 2%;margin-bottom: 20px;}
	.part3 .list li a{padding-bottom: 15px;}
	.part3 .list li a .pic{height: 90px;}
	.part3 .list li a .tit{padding-top: 8px;margin-top: 15px;font-size: 15px;}
	.part3 .list li a .more{margin-top: 10px;}
	/*part3结束*/

	/*part4*/
	.part4{padding-top: 20px;}
	.part4Con{position: relative;width: 94%;height: 540px;}
	.part4 .conL{position: absolute;left: 0;top: 300px;width: 100%;height: 200px;}
	.part4 .conR{width: 100%;}
	.part4 .conR .indexComTit{margin-top: 0px;}
	.part4 .conR .tabs{margin-top: 10px;}
	.part4 .conR .tabs li{height: 70px;padding: 5px 2%;}
	.part4 .conR .tabs li .txt{margin-left: 2%;}
	.part4 .conR .tabs .on:before{display: none;}
	/*part4结束*/
}

/*pad:>=768px && <=1024px*/
@media screen and (min-width: 768px) and (max-width: 1024px){
	/*part1*/
	.part1{margin-top: 50px;}
	.part1 .part1Con{width: 96%;height: 260px;}
	.part1 .conL:after{display: none;}
	.part1 .conR .indexComTit{margin-top: 5px;}
	.part1 .conR .indexComTit em{margin-right: 0;}
	.part1 .conR .indexComTit:before{display: none;}
	.part1 .conR .indexComTit:after{right: -40px;height: 120px;}
	.part1 .conR .txt{width: 100%;margin-top: 15px;}
	.part1 .conR .list{margin-top: 20px;}
	.part1 .conR .pic{width: 120px;height: 96px;}
	/*part1结束*/

	/*part2*/
	.part2 .part2Con{width: 96%;height: 480px;}
	.part2 .indexComTit{margin-bottom: 20px;}
	.part2 .tabs{width: 100%;height: 50px;}
	.part2 .tabs span{float: left;width: 20%;height: 50px;margin-top: 0px;font-size: 14px;line-height: 50px;}
	.part2 .tabs span i{margin: 20px 0 0 10px;}
	.part2 .tabs span em{margin-left: 8px;}
	.part2 .tabsCon{width: 100%;height: 350px;margin-top: 20px;}
	.part2 .tabsCon .pic img{width: 300px;height: 245px;margin: 45px auto 0 auto;}
	.part2 .tabsCon .con .conT{height: 200px;}
	.part2 .tabsCon .con .conT li h3{padding-bottom: 10px;}
	.part2 .tabsCon .con .conT li p{margin-top: 10px;}
	.part2 .tabsCon .con .conT li a{margin-top: 15px;}
	.part2 .tabsCon .con .conT li a img{float: left;width: 32px;height: 12px;margin-top: 3px;}
	.part2 .tabsCon .con .conT li a em{float: left;margin-left: 20px;font-size: 12px;color: #999;}
	.part2 .tabsCon .con .conD{height: 120px;margin-top: 10px;}
	.part2 .tabsCon .con .conD .prodList{height: 120px;}
	.part2 .tabsCon .con .conD .prodList .swiper-slide{height: 100px;}
	.part2 .tabsCon .con .conD .prodList .swiper-slide img{width: 60px;height: 50px;margin: 25px auto 0 auto;}
	/*part2结束*/

	/*part3*/
	.part3Con{width: 96%;height: 360px;}
	.part3 .indexComTit{padding-top: 30px;}
	.part3 .list{margin-top: 30px;}
	.part3 .list li{width: 18%;margin-left: 2%;}
	.part3 .list li a{padding-bottom: 15px;}
	.part3 .list li a .pic{height: 90px;}
	.part3 .list li a .tit{padding-top: 8px;margin-top: 15px;font-size: 15px;}
	.part3 .list li a .more{margin-top: 10px;}
	/*part3结束*/

	/*part4*/
	.part4{padding-top: 40px;}
	.part4Con{width: 96%;height: 385px;}
	.part4 .conL{height: 330px;}
	.part4 .conR{width: 42%;}
	.part4 .conR .indexComTit{margin-top: 8px;}
	.part4 .conR .tabs{margin-top: 10px;}
	.part4 .conR .tabs li{padding: 5px 2%;}
	.part4 .conR .tabs li .txt{margin-left: 2%;}
	/*part4结束*/
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (min-width: 1025px) and (max-width: 1200px){
	/*part1*/
	.part1{margin-top: 50px;}
	.part1 .part1Con{width: 90%;height: 350px;}
	.part1 .conL:after{right: -15%;width: 20%;height: 260px;}
	.part1 .conR .indexComTit{margin-top: 35px;}
	.part1 .conR .txt{margin-top: 15px;}
	.part1 .conR .pic{right: -18%;bottom: -90px;width: 150px;height: 120px;}
	/*part1结束*/

	/*part2*/
	.part2 .part2Con{width: 90%;height: 450px;}
	.part2 .indexComTit{margin-bottom: 30px;}
	.part2 .tabs{width: 20%;height: 350px;}
	.part2 .tabs span{margin-top: 20px;height: 50px;font-size: 14px;line-height: 50px;}
	.part2 .tabsCon{width: 80%;height: 350px;}
	.part2 .tabsCon .pic img{width: 300px;height: 245px;margin: 45px auto 0 auto;}
	.part2 .tabsCon .con .conT{height: 200px;}
	.part2 .tabsCon .con .conT li h3{padding-bottom: 10px;}
	.part2 .tabsCon .con .conT li p{margin-top: 10px;}
	.part2 .tabsCon .con .conT li a{margin-top: 15px;}
	.part2 .tabsCon .con .conT li a img{float: left;width: 32px;height: 12px;margin-top: 3px;}
	.part2 .tabsCon .con .conT li a em{float: left;margin-left: 20px;font-size: 12px;color: #999;}
	.part2 .tabsCon .con .conD{height: 120px;margin-top: 10px;}
	.part2 .tabsCon .con .conD .prodList{height: 120px;}
	.part2 .tabsCon .con .conD .prodList .swiper-slide{height: 100px;}
	.part2 .tabsCon .con .conD .prodList .swiper-slide img{width: 60px;height: 50px;margin: 25px auto 0 auto;}
	/*part2结束*/

	/*part3*/
	.part3Con{width: 90%;height: 360px;}
	.part3 .indexComTit{padding-top: 30px;}
	.part3 .list{margin-top: 30px;}
	.part3 .list li{width: 18%;margin-left: 2%;}
	.part3 .list li a{padding-bottom: 15px;}
	.part3 .list li a .pic{height: 95px;}
	.part3 .list li a .tit{padding-top: 8px;margin-top: 15px;font-size: 15px;}
	.part3 .list li a .more{margin-top: 10px;}
	/*part3结束*/

	/*part4*/
	.part4{padding-top: 50px;}
	.part4Con{width: 90%;height: 440px;}
	.part4 .conL{height: 380px;}
	.part4 .conR{width: 42%;}
	.part4 .conR .indexComTit{margin-top: 25px;}
	.part4 .conR .tabs{margin-top: 25px;}
	.part4 .conR .tabs li{padding: 8px 8%;}
	/*part4结束*/
}