.main{padding-bottom: 60px;}
.main .cate{height: 750px;background: url(../images/main_banner.png) no-repeat center center;text-align: center;position: relative;}
.main .cate .cate_list{width: 100%;text-align: center;position: absolute;bottom: 105px;}
.main .cate .cate_list a{font-size: 20px;line-height: 44px;color: #fff;font-family: "Source Han Sans CN";display: inline-block;border: 1px solid #ffffff;padding: 0 43px;margin: 0 32px;transition:all 0.5s;}
.main .cate .cate_list a:hover{background: #fff;color: #333333;}
.main .page_list{overflow: hidden;padding-bottom: 42px;}
.main .page_list .copy{padding: 75px 0 50px;}
.main .page_list .copy:nth-child(2n){background: #f6f6f6;}
.main .page_list .copy .imgout{float: right;margin: -4px;width: 920px;text-align: right;}
.main .page_list .copy:nth-child(2n) .imgout{float: left;}
.main .page_list .copy .imgout .img{width: 452px;height: 320px;margin: 4px;float: left;overflow: hidden;}
.main .page_list .copy .imgout .img img{transition:all 0.5s;}
.main .page_list .copy .imgout .img:hover img{transform: scale(1.15);}
.main .page_list .copy.third .imgout{float: right;width: 912px;margin: 0;}
.main .page_list .copy.third .imgout .img{width: 912px;height: 707px;margin: 0;}
.main .page_list .copy .words{width: 730px;float: left;padding: 137px 0 0 210px;position: relative;}
.main .page_list .copy:nth-child(2n) .words{float: right;padding: 65px 165px 0 0;}
.main .page_list .copy .words .number{position: absolute;font-size: 300px;line-height: 20px;color: rgba(214,23,24,0.5);font-family: "Source Han Sans CN";left: -35px;top: 235px;}
.main .page_list .copy:nth-child(2n) .words .number{left: auto;right: -20px;top: 205px;}
.main .page_list .copy .words .title .en{font-size: 52px;line-height: 52px;color: #555555;font-family: "Source Han Sans CN";}
.main .page_list .copy .words .title .cn{font-size:36px;line-height: 34px;color: #d61718;font-family: "Source Han Sans CN";border-bottom: 1px solid #d61718;display:inline-block;padding:19px 93px 16px 0;}
.main .page_list .copy .words .title .en a{color: #555555;}
.main .page_list .copy .words .title .cn a{color: #d61718;}
.main .page_list .copy:nth-child(2n) .words .title .cn{padding-top: 30px;}
.main .page_list .copy .words .desc{font-size:16px;line-height: 36px;color: #555555;font-family: "Source Han Sans CN";text-indent: 17px;padding-top: 64px;height: 235px;overflow: hidden;}
.main .page_list .copy .words .go{display: inline-block;width: 68px;height: 26px;background: #d61718;float: right;}
.main .page_list .copy:nth-child(2n) .words .go{float: left;}
	.main .page_list .copy:nth-child(2n) .words .go.fr{display: none;}
.main .middle_bg{height: 359px;background: url(../images/main_middle_bg.png) no-repeat center center;}
.main .titleout{text-align: center;}
.main .titleout .title_cn{font-size: 36px;line-height: 30px;color: #111111;font-family: "Source Han Sans CN";}
.main .titleout .line{width: 33px;height: 3px;background: #e50012;margin: 30px auto 0;}
.main .titleout .desc{font-size: 14px;line-height: 30px;color: #444444;font-family: "Source Han Sans CN";padding-top: 45px;}
.main .middle_bg .titleout{padding-top: 175px;}
.main .middle{text-align: center;padding: 115px 50px 132px;position: relative;}
.main .middle .line{width:calc( 100% - 100px );height: 1px;background: #e6e6e6;position: absolute;left: 50px;top: 221px;}
.main .middle .copy{text-align: center;display: inline-block;vertical-align: top;margin: 0 92px;position: relative;cursor: pointer;}
.main .middle .copy .img{height: 72px;}
.main .middle .copy .dianout{width: 18px;height: 18px;border-radius: 50%;text-align: center;font-size: 0;line-height: 0;border: 1px solid #e8e8e8;margin: 24px auto 20px;position: relative;background: #fff;}
.main .middle .copy .dianout .dian{width: 8px;height: 8px;margin: 5px;border-radius: 50%;}
.main .middle .copy.on .dianout .dian{background: #f40e33;}
.main .middle .copy .name_cn{font-size: 24px;line-height: 36px;color: #333333;font-family: "Source Han Sans CN";}
.main .middle .copy.on .name_cn{color: #f40e33;}
.main .middle .copy .name_en{font-size: 14px;line-height: 36px;color: #aaaaaa;font-family: 'WhitneyMedium';text-transform: uppercase;margin-top: -4px;}
.main .middle .copy .tag{position: absolute;left: 0;width: 100%;height: 13px;font-size: 0;line-height: 0;bottom: -55px;display: none;}
.main .middle .middle_desc{font-size: 14px;line-height: 32px;color: #444444;text-transform: uppercase;font-family: "Source Han Sans CN";width: 1555px;margin: 54px auto 0;text-align: left;text-indent: 30px;border: 1px solid #d2d2d2;padding: 31px 73px 74px 50px;}
.main .customer{background: #f6f6f6;padding-top: 123px;}
.main .customer .list_out{text-align: center;padding-top: 66px;padding-bottom: 110px;position: relative;}
.main .customer .list_out li{padding-top: 10px;}
.main .customer .list_out .control{position: absolute;top: calc( 50% - 60px );cursor: pointer;}
.main .customer .list_out .control.prev{left: 50px;}
.main .customer .list_out .control.next{right: 50px;}
.main .customer .list{width: 1483px;margin: 0 auto;}
.main .customer .list .copy{float: left;width: 370px;height: 150px;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;text-align: center;transition:all 0.5s;position: relative;}
.main .customer .list .copy:nth-child(1),.main .customer .list .copy:nth-child(2),.main .customer .list .copy:nth-child(3),.main .customer .list .copy:nth-child(4){border-top: none;}
.main .customer .list .copy:nth-child(4n){border-right: none;}
.main .customer .list .copy .img{height: 147px;}
/*.main .customer .list .copy .img img{-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);}*/
.main .customer .list .copy .name{font-size: 14px;color: #555555;font-family: "Source Han Sans CN";opacity: 0;transition:all 0.5s;margin-top: 10px;position: relative;z-index: 1;}
.main .customer .list .copy .position{position: absolute;width: 15px;height: 19px;font-size: 0;line-height: 0;right: -7.5px;top: -9.5px;z-index: 1;transition:all 0.5s;}
.main .customer .list .copy:nth-child(4n) .position{display: none;}
.main .customer .list .copy:hover{transform: scale(1.15,1.15);box-shadow: 0 0 15px #ccc;background: #fff;z-index: 2;}
.main .customer .list .copy:hover .name{opacity: 1;margin-top: -30px;}
.main .customer .list .copy:hover .position{opacity: 0;}
/*.main .customer .list .copy:hover .img img{-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}*/

@media screen and (max-width: 1900px) {
	.main .page_list .copy .words{padding: 120px 0 0 150px;width: 700px;}
	.main .page_list .copy:nth-child(2n) .words{padding: 65px 120px 0 0;}
}
@media screen and (max-width: 1835px) {
	.main .page_list .copy .words{padding: 100px 0 0 80px;width: 700px;}
	.main .page_list .copy:nth-child(2n) .words{padding: 60px 80px 0 0;}
	.main .page_list .copy .words .number{font-size: 250px;top: 200px;}
	.main .middle .middle_desc{width: auto;padding: 30px 50px 50px 30px;}
	.main .customer .list{width: calc( 100% - 280px );}
	.main .customer .list .copy{width: calc( (100% - 3px)/4 );}
	.main .page_list .copy .imgout .img{width: 432px;height: 306px;}
	.main .page_list .copy .imgout,.main .page_list .copy.third .imgout{width: 880px;}
	.main .page_list .copy.third .imgout .img{width: 880px;height: 682px;}
	.main .middle .copy{margin: 0 80px;}
}
@media screen and (max-width: 1700px) {
	.main .cate{height: 630px;background-size: cover;}
	.main .cate .cate_list{bottom: 75px;}
	.main .page_list .copy .words{width: 640px;}
	.main .page_list .copy .words .title .en{font-size: 46px;line-height: 46px;}
	.main .page_list .copy .words .title .cn{font-size: 32px;line-height: 32px;padding: 15px 80px 15px 0;}
	.main .page_list .copy:nth-child(2n) .words .title .cn{padding-top: 15px;}
	.main .page_list .copy .words .desc{padding-top: 50px;}
	.main .page_list .copy .imgout .img{width: 422px;height: 299px;}
	.main .page_list .copy .imgout,.main .page_list .copy.third .imgout{width: 860px;}
	.main .page_list .copy.third .imgout .img{width: 860px;height: 667px;}
}
@media screen and (max-width: 1620px) {
	.main .middle .copy{margin: 0 65px;}
	.main .page_list .copy .words{width: 600px;padding: 50px 0 0 80px;}
	.main .page_list .copy:nth-child(2n) .words{padding: 40px 80px 0 0;}
	.main .page_list .copy .imgout, .main .page_list .copy.third .imgout{width: 750px;}
	.main .page_list .copy .imgout .img{width: 367px;height: 260px;}
	.main .page_list .copy .words .number,.main .page_list .copy:nth-child(2n) .words .number{font-size: 200px;top: 150px;}
	.main .page_list .copy.third .imgout .img{width: 100%;height: 581px;}
	.main .middle_bg{height: 250px;}
	.main .middle_bg .titleout{padding-top: 100px;}
	.main .middle{padding: 100px 50px;}
	.main .customer{padding-top: 100px;}
	.main .customer .list_out{padding: 50px 0 80px;}
	.main .customer .list_out .control{width: 75px;top: calc( 50% - 37.5px );}
	.main .middle .line{top: 206px;}
	.main .customer .list .copy:hover{transform:scale(1.2,1.2);}
}
@media screen and (max-width: 1460px) {
	.main .page_list .copy .words{padding: 30px 0 0 75px;}
	.main .page_list .copy:nth-child(2n) .words{padding: 30px 75px 0 0;}
	.main .page_list .copy .imgout, .main .page_list .copy.third .imgout{width: 720px;}
	.main .page_list .copy .imgout .img{width: 351px;height: 248px;}
	.main .page_list .copy.third .imgout .img{height: 558px;}
	/*.main .page_list .copy .words .number, .main .page_list .copy:nth-child(2n) .words .number{}*/

	.main .page_list .copy .words{width: 550px;}
	.main .middle .copy{margin: 0 40px;}
	.main .cate{height: 475px;}
	.main .cate .cate_list a{font-size: 18px;line-height: 40px;padding: 0 30px;margin: 0 25px;}
	.main .cate .cate_list{bottom: 50px;}
	.main .page_list .copy{padding: 50px 0 30px;}
	.main .page_list .copy .words .title .en{font-size: 38px;line-height: 38px;}
	.main .page_list .copy .words .title .cn{font-size: 26px;line-height: 26px;}
	.main .page_list .copy .words .desc{padding-top: 30px;font-size: 15px;line-height: 30px;}
	.main .page_list .copy .words .desc{height: auto;min-height: 180px;}
	.main .page_list{padding-bottom: 30px;}
	.main .middle_bg{height: 200px;}
	.main .middle_bg .titleout{padding-top: 75px;}
	.main .middle{padding: 75px 20px;}
	.main .customer{padding-top: 75px;}
	.main .customer .list_out{padding: 40px 0 60px;}
	.main .customer .list_out .control{width: 60px;top: calc( 50% - 30px );}
	.main .middle .line{top: 181px;}
}
@media screen and (max-width: 1380px) {
	.main .middle .copy{margin: 0 40px;}
	.main .cate{height: 475px;}
	.main .cate .cate_list a{font-size: 18px;line-height: 40px;padding: 0 30px;margin: 0 25px;}
	.main .cate .cate_list{bottom: 50px;}
	.main .page_list .copy{padding: 50px 0 30px;}
	.main .page_list .copy .words{padding: 30px 0 0 55px;}
	.main .page_list .copy:nth-child(2n) .words{padding: 30px 55px 0 0;}
	/*.main .page_list .copy .words .number, .main .page_list .copy:nth-child(2n) .words .number{display: none;}*/
	.main .page_list .copy .imgout, .main .page_list .copy.third .imgout{width: 600px;}
	.main .page_list .copy .words{width: 550px;}
	.main .page_list .copy .imgout .img{width: 292px;height: 207px;}
	.main .page_list .copy.third .imgout .img{height: 465px;}
	.main .page_list .copy .words .title .en{font-size: 38px;line-height: 38px;}
	.main .page_list .copy .words .title .cn{font-size: 26px;line-height: 26px;}
	.main .page_list .copy .words .desc{padding-top: 30px;font-size: 15px;line-height: 30px;}
	.main .page_list .copy .words .desc{height: auto;min-height: 180px;}
	.main .page_list{padding-bottom: 30px;}
	.main .middle_bg{height: 200px;}
	.main .middle_bg .titleout{padding-top: 75px;}
	.main .middle{padding: 75px 20px;}
	.main .customer{padding-top: 75px;}
	.main .customer .list_out{padding: 40px 0 60px;}
	.main .customer .list_out .control{width: 60px;top: calc( 50% - 30px );}
	.main .middle .line{top: 181px;}
}
@media screen and (max-width: 1220px) {
	.main .cate .cate_list a{font-size: 16px;line-height: 35px;padding: 0 20px ;margin: 0 20px;}
	.main .page_list .copy{padding: 35px 0 20px;}
	.main .page_list .copy .imgout, .main .page_list .copy.third .imgout{width: 520px;}
	.main .page_list .copy .imgout .img{width: 252px;height: 178px;}
	.main .page_list .copy .words{padding: 0px 0 0 25px;}
	.main .page_list .copy:nth-child(2n) .words{padding: 0px 25px 0 0;}
	.main .page_list .copy .words .number, .main .page_list .copy:nth-child(2n) .words .number{font-size: 150px;top: 60px;}
	.main .page_list .copy .words .number{left: -20px;}
	.main .page_list .copy:nth-child(2n) .words .number{right: -28px;}
	.main .page_list .copy .words{width: 455px;}
	.main .page_list .copy .words .title .en{font-size: 30px;line-height: 30px;}
	.main .page_list .copy .words .title .cn{font-size: 20px;line-height: 20px;padding: 10px 50px 10px 0;}
	.main .page_list .copy:nth-child(2n) .words .title .cn{padding-top: 10px}
	.main .page_list .copy .words .desc{padding-top: 20px;font-size: 14px;line-height: 24px;}
	.main .middle .copy .dianout{margin: 15px auto 10px;}
	.main .middle .copy{margin: 0 35px;}
	.main .middle .line{top: 135px;}
	.main .middle .copy .img{height: 60px;}
	.main .middle .copy.on .name_cn{font-size: 20px;line-height: 30px;}
	.main .middle .copy .name_en{line-height: 30px;}
	.main .middle_bg{height: 180px;}
	.main .middle_bg .titleout{padding-top: 50px;}
	.main .middle{padding: 50px 20px;}
	.main .customer{padding-top: 50px;}
	.main .middle .middle_desc{padding: 20px 40px 40px 20px;}
	.main .customer .list{width: calc( 100% - 150px );}
	.main .customer .list_out .control.prev{left: 15px;}
	.main .customer .list_out .control.next{right: 15px;}
	.main .customer .list .copy{height: 120px;}
	.main .customer .list .copy .img{height: 80%;}
	.main .customer .list .copy:hover .name{margin-top: -10px;}
}
@media screen and (max-width: 1020px) {
	.main .cate{height: 300px;}
	.main .cate .cate_list{bottom: 25px;}
	.main .cate .cate_list a{font-size: 14px;line-height: 30px;}
	.main .page_list .copy{padding: 20px 0 10px;}
	.main .page_list .copy .imgout{margin: 0;}
	.main .page_list .copy .imgout, .main .page_list .copy.third .imgout{width: 100%;}
	.main .page_list .copy .imgout .img{width: calc( 50% - 6px );margin: 3px;height: auto;}
	.main .page_list .copy .words{width: calc( 100% - 55px )!important;padding:0!important;padding-top: 5px!important;padding-left: 50px!important;padding-right: 5px!important;}
	.main .page_list .copy .words .number, .main .page_list .copy:nth-child(2n) .words .number{font-size: 100px;top: 37px;}
	.main .page_list .copy .words .number{right: auto!important;left: -5px!important;}
	.main .page_list .copy .words .desc{height: auto;min-height: unset;}
	.main .page_list .copy .words .go{margin: 15px 0;}
	.main .page_list .copy:nth-child(2n) .words .go{display: none;}
	.main .page_list .copy:nth-child(2n) .words .go.fr{display: block;float: right;}
	.main .page_list{padding-bottom: 10px;}
	.main .page_list .copy.third .imgout .img{width: calc( 100% - 6px );margin: 3px;height: auto;}
	.main .middle_bg{height: 100px;}
	.main .middle_bg .titleout{padding-top: 20px;}
	.main .titleout .title_cn{font-size: 20px;}
	.main .titleout .desc{padding-top: 15px;}
	.main .titleout .line{margin: 15px auto 0;}
	.main .middle{padding: 25px 10px;}
	.main .customer{padding-top: 25px;}
	.main .middle .middle_desc{padding: 15px;line-height: 22px;}
	.main .customer .list{width: calc( 100% - 100px );}
	.main .customer .list_out .control{width: 40px;top: calc( 50% - 20px );}
	.main .customer .list_out .control.prev{left: 0px;}
	.main .customer .list_out .control.next{right: 0px;}
	.main .customer .list .copy{height: 100px;}
	.main .customer .list_out{padding: 20px 0 40px;}
	.main .customer .list .copy:hover{transform:scale(1.25,1.25);}
	.main .middle .copy .img{height: 40px;}
	.main .middle .copy.on .name_cn,.main .middle .copy .name_cn{font-size: 18px;line-height: 24px;}
	.main .middle .copy .name_en{font-size: 13px;line-height: 18px;}
	.main .middle .copy{margin: 0 15px;}
	.main .middle .middle_desc{margin-top: 20px;}
	.main .middle .line{top: 90px;}
}
@media screen and (max-width: 768px) {
	.main .cate{height: 180px;}
	.main .cate .cate_list{bottom: 7px;}
	.main .cate .cate_list a{font-size: 12px;padding: 0 3px;margin: 0 2px 3px;line-height: 24px;}
	.main .page_list .copy .words .title .en{font-size: 18px;line-height: 18px;}
	.main .page_list .copy .words .title .cn{font-size: 16px;line-height: 16px;padding: 5px 25px 5px 0;}
	.main .page_list .copy .words{width: calc( 100% - 10px );padding: 5px 5px 0;}
	.main .page_list .copy .words .desc{font-size: 12px;line-height: 16px;padding-top: 8px;}
	.main .page_list .copy .words .go{margin: 10px 0;width: 35px;height: 20px;}
	.main .page_list .copy .words .go img{height: 10px;}
	.main .page_list{padding-bottom: 10px;}
	.main .middle_bg .titleout{padding: 15px 8px 0;}
	.main .titleout .title_cn{font-size: 18px;line-height: 24px;}
	.main .titleout .line{margin: 5px auto 0;}
	.main .titleout .desc{padding-top: 5px;font-size: 12px;line-height: 16px;}
	.main .middle{padding: 10px 8px;}
	.main .middle .copy{width: calc( (100% - 45px)/6 );margin: 0 2px;}
	.main .middle .copy .img{height: 30px;}
	.main .middle .copy .dianout{margin: 8px auto 5px;}
	.main .middle .copy.on .name_cn, .main .middle .copy .name_cn{font-size: 14px;}
	.main .middle .copy .name_en{word-break: break-all;font-size: 12px;}
	.main .middle .line{top: 58px;width: calc( 100% - 50px );left: 25px;}
	.main .middle .middle_desc{margin-top: 8px;padding: 5px;font-size: 12px;line-height: 16px;}
	.main .customer{padding: 15px 8px;}
	.main .customer .list_out{padding: 10px 0 ;}
	.main .customer .list .copy{height: 18vw;}
	.main .customer .list .copy:hover{transform:scale(1.3,1.3);}
	.main .customer .list .copy .name{font-size: 12px;}
	.main .customer .list .copy:hover .name{font-size: 12px;}
	.main .customer .list_out .control{width: 30px;top: calc( 50% - 15px );}
	.main .customer .list{width: calc( 100% - 75px );}
	.main .customer .list .copy .position{width: 13px;height: 16.5px;right:-6.5px;top: -8.5px;}
}