.method{ width: 1265px; margin: 0 auto; background: #fff; padding: 0 35px; box-sizing: border-box; height: 675px; background: url(../images/method_05.png) left 80px no-repeat #fff;}
.method .tit{ height: 80px; padding-top: 55px; box-sizing: border-box; font-size: 22px; color: #00349c;}
.method h2{ height: 72px; line-height: 72px; color: #000; font-size: 24px;}
.method ul li p{ line-height: 38px;}
.method ul li p span{ display: inline-block; vertical-align: middle; padding-right: 10px; margin-right: 10px; height: 24px; line-height: 24px; border-right:2px solid #ebebeb; font-size: 14px;}
.method ul li p span b{ margin-right: 10px; display: inline-block; height:24px; width: 24px; text-align: center; line-height: 24px; border-radius:50px; color: #fff;}
.method ul li:nth-child(1) p span b{ background:#c19986 ;}
.method ul li:nth-child(2) p span b{ background:#769a95 ;}
.method ul li:nth-child(3) p span b{ background:#937699 ;}
.method ul li:nth-child(4) p span b{ background:#a37258 ;}
.method ul li:nth-child(5) p span b{ background:#c18698 ;}
.method ul li:nth-child(6) p span b{ background: #c1be86;}
.method ul li p img{ display: inline-block; vertical-align: middle;}


.proDetails{ width: 100%;}

.proDetails .layer1{ width: 100%; padding:95px 0; background: #f8f8f8;}
.proDetails .layer1Box{ overflow: hidden; width: 1340px; margin: 0 auto;}
.proDetails .layer1Box .icon{ width: 408px; float: left;}
.proDetails .layer1Box .icon img{ display: block; width: 100%; height: auto;}
.proDetails .layer1Box .text{ width: calc(100% - 408px); float: left; padding-left: 60px; box-sizing: border-box;}
.proDetails .layer1Box .text h2{overflow: hidden; height: 105px; line-height: 105px; font-size: 32px; color: #f7941d;}
.proDetails .layer1Box .text p{ font-size: 24px; line-height: 50px; color: #646565;}
.proDetails .layer1Box .text a{ float: right; width:155px; height: 60px; margin-top: 20px; text-align: center; display: block; line-height: 60px; font-size: 24px; color: #fff; background: #005bac;} 
.proDetails .layer2{ background: #fff; width: 100%;}
.proDetails .title{ padding: 60px 0;}
.proDetails .title h2{ text-align: center; font-size: 32px; font-weight: bold; color: #000; padding-bottom: 22px;}
.proDetails .title p{ text-align: center; font-size: 14px; color: #9a9a9a;}
.proDetails ul{ overflow: hidden; width: 100%; padding: 0 8%; box-sizing: border-box;}
.proDetails ul li{ overflow: hidden; margin-right: 2%; width: 32%; float: left; height: 290px;}
.proDetails ul li:last-child{ margin-right: 0; }
.proDetails ul li img{transition: 0.5s; display: block; width: 100%; height: 100%;}
.proDetails ul li:hover img{ transform: scale(1.1);}

.proDetails .layer3{ padding-bottom: 200px; width: 100%; background: #fff; overflow: hidden;}
.proDetails .layer3 ul{ width: 100%; padding: 0 8%; box-sizing: border-box;}
.proDetails .layer3 ul li{float: left; margin-left: -100px; background: url(../images/proIcon_52.png); width: 277px; height: 234px; transition: 0.5s; position: relative;}
.proDetails .layer3 ul li:first-child{ margin-left: 0;}
.proDetails .layer3 ul li .nr{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.proDetails .layer3 ul li .nr .icon{ width: 100%; height: 60px; position: relative;}
.proDetails .layer3 ul li .nr .icon img{width: auto; height:50%; transition: 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.proDetails .layer3 ul li .nr .icon img.on{ opacity: 0;}
.proDetails .layer3 ul li .nr p{ text-align: center; display: block; font-size: 18px; color: #333; margin-bottom: 20px; transition: 0.5s;}
.proDetails .layer3 ul li .nr span{ display: block; text-align: center; font-size: 12px; color: #333; transition: 0.5s;}
.proDetails .layer3 ul li:hover{ background: url(../images/proIcon_55.png);}
.proDetails .layer3 ul li:hover .nr .icon img{ opacity: 0;}
.proDetails .layer3 ul li:hover .nr .icon img.on{ opacity: 1;}
.proDetails .layer3 ul li:hover .nr p{ color: #fff;}
.proDetails .layer3 ul li:hover .nr span{ color: #fff;}


 
.proCenter .proNav{ width: 100%; height: 65px; background: #f2f2f2;}
.proCenter .proNav ul{ text-align: center;}
.proCenter .proNav ul li{transition: 0.5s; display: inline-block; height: 65px; line-height: 65px;}
.proCenter .proNav ul li a{ color: #969696; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 20px; padding: 0 38px; border-right:1px solid #bfbfbf ;}
.proCenter .proNav ul li:last-child a{ border-right:0;}
.proCenter .proNav ul li:hover{ background: #0469d2;}
.proCenter .proNav ul li:hover a{ border: none; color: #fff;}
.proCenter .proNav ul li.on{ background: #f7941d;}
.proCenter .proNav ul li.on a{ border: none; color: #fff;}
.proCenter .list{ width: 100%; padding-top: 50px; text-align: left;}
.proCenter .list ul{ width: 80%; display: block; text-align: left; margin: 0 auto; overflow: hidden;}
.proCenter .list ul li{ width: 23.5%; display: block; float: left; margin: 0 2% 25px 0;}
.proCenter .list ul li:nth-child(4n){ margin-right: 0;}
.proCenter .list ul li .icon{ width: 100%; height: 270px; overflow: hidden; position: relative;}
.proCenter .list ul li .icon .btn{opacity: 0; transition: 0.5s; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4);}
.proCenter .list ul li .icon .btn .nr{position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.proCenter .list ul li .icon .btn .nr p{ text-align: center; font-size: 12px; color: #fae017; padding-bottom: 35px;}
.proCenter .list ul li .icon .btn .nr img{ width: 38px; height: 38px; border-radius:50% ; display: block; margin: 0 auto;}
.proCenter .list ul li .icon img{ display: block; width: 100%; height: 100%;}
.proCenter .list ul li .text{ width: 100%; height: 52px; text-align: center; line-height: 52px; font-size: 16px; color: #787878; background: #d8d8d8; transition: 0.5s; padding: 0 20px; box-sizing: border-box; overflow: hidden;}

.proCenter .list ul li:hover .text{ background: #f7941d; color: #fff;}
.proCenter .list ul li:hover .icon .btn{ opacity: 1;}
.proCenter .fynr{ padding: 70px 0;}
.proCenter .fynr li.cur a{ background: #f7941d; border: 1px solid #f7941d;}
.proCenter .fynr li:hover a{ background: #f7941d; border: 1px solid #f7941d;}

.tec{ width: 1200px; margin: 0 auto;}
.tec .list{ width: 100%; overflow: hidden;}
.tec .list li{ margin-bottom: 35px; width: 384px; float: left; margin-right: 24px;}
.tec .list li:nth-child(3n){ margin-right: 0;}
.tec .list li .icon{ width: 100%; height: 215px; overflow: hidden;}
.tec .list li .icon img{ display: block; width: 100%; height: 100%;}
.tec .list li .text{  width: 100%; background: #c9c9c9; padding: 0 30px; box-sizing: border-box;padding-bottom: 30px;}
.tec .list li .text h2{ height: 79px; padding-top: 15px; overflow:hidden; line-height: 64px; font-size: 20px; color: #fff;}
.tec .list li .text p{font-size: 16px; line-height: 28px; height: 84px; overflow: hidden; color: #fff; text-indent: 28px;}
.tec .list li .text .time{ width: 100%; font-size: 16px; font-weight: 100; height: 36px; line-height: 36px; color: #fff;}
.tec .list li .text .time span{ display: inline-block; float: right; width: 36px; height: 36px; border: 1px solid #fff; font-size: 32px; font-weight: 100; line-height: 32px; text-align: center;}
.tec .fynr{ padding: 20px 0 55px 0;}
.fynr li.cur a{ background: #f7941d; border: 1px solid #f7941d;}
.fynr li:hover a{ background: #f7941d; border: 1px solid #f7941d;}

.tec .list li:hover .text{ background: #f7941d;}

.cantact{ width: 100%; background: #f4f4f4; margin: 0 auto;}
.cantact .cantactBox{ width: 1300px; margin: 0 auto; padding-bottom: 110px;}
.cantact .cantactBox .layer1{ margin-bottom: 50px; background: #fff; width: 100%; height: 550px;}
.cantact .cantactBox .layer1 .icon{ float: right; width: 650px; float: right; height: 550px;}
.cantact .cantactBox .layer1 .icon img{ display: block; width: 100%; height: 100%;}
.cantact .cantactBox .layer1 .text{ width: calc(100% - 650px); float: left; padding:0 65px; box-sizing: border-box; padding-top: 35px;}
.cantact .cantactBox .layer1 .text h2{ height: 92px; line-height: 92px; font-size: 28px; font-weight: bold; color:#005bac; font-weight: bold; border-bottom: 1px solid #e5e5e5;}
.cantact .cantactBox .layer1 .text ul{ width: 100%; height: auto;}
.cantact .cantactBox .layer1 .text ul li{ width: 100%; height: 72px; line-height: 72px; font-size: 15px; color: #6f6767;border-bottom: 1px solid #e5e5e5;}
.cantact .cantactBox .layer1 .text ul li img{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.cantact .cantactBox .layer2{ width: 100%; background: #fff; height: 525px;}
.cantact .cantactBox .layer2 .icon{ float: left; width:585px; height: 100%; }
.cantact .cantactBox .layer2 .icon img{ display: block; width: 100%; height: 100%;}
.cantact .cantactBox .layer2 .text{ width: calc(100% - 585px); float: right; padding:60px 105px 0 60px; box-sizing: border-box;}
.cantact .cantactBox .layer2 .text li{ line-height: 58px; width: 100%; margin-bottom: 20px; position: relative;}
.cantact .cantactBox .layer2 .text li input{ display: block; width: 100%; height: 60px; border: 1px solid #e5e5e5; box-sizing: border-box; outline: none; padding: 0 20px; font-size: 16px;}
.cantact .cantactBox .layer2 .text li .tp{ position: absolute; right: 0; top: 0; width: 60px; height: 60px;}
.cantact .cantactBox .layer2 .text li .tp img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cantact .cantactBox .layer2 .text li textarea{ display: block; width: 100%; height: 100px; padding: 20px; box-sizing: border-box; border: 1px solid #e5e5e5; outline: none;}
.cantact .cantactBox .layer2 .text li .code{ width: 100%; overflow: hidden;}
.cantact .cantactBox .layer2 .text li .code .codeBox{ display: block; float: left; width: 300px; height: 60px; border: 1px solid #e5e5e5;}
.cantact .cantactBox .layer2 .text li .code .codeBox span{ display: block; float: left; width: 78px; text-align: center; line-height: 60px; font-size: 16px; text-align: center; color: #777; border-right:1px solid #E5E5E5 ;}
.cantact .cantactBox .layer2 .text li .code .codeBox input{ display: block; float: left; width: calc(100% - 79px); float: left; text-align: center; font-size: 16px; border: none;}
.cantact .cantactBox .layer2 .text li .code img{ display: block; float: left; margin: 8px 10px;}
.cantact .cantactBox .layer2 .text li a{ display: block; width: 100%; height: 60px; text-align: center; line-height: 60px; background: #005bac; color: #fff; font-size: 24px;}

.train{ width: 1100px; margin: 0 auto;}
.train ul{ width: 100%; overflow: hidden;}
.train ul li{ margin-bottom: 40px; width: 49%; float: left; margin-right: 2%;}
.train ul li:nth-child(2n){ margin-right: 0;}
.train ul li .icon{ width: 100%; height: 400px; position: relative; overflow: hidden;}
.train ul li .icon img{ transition: 0.5s;  display: block; width: 100%; height: 100%;}
.train ul li .icon .add{opacity: 0; background: url(../images/add_03.png); width: 136px; height: 120px; background-size:100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s;}

.train ul li .text{ transition: 0.5s; height: 170px; border: 2px solid #dbd9d8; box-sizing: border-box; transition: 0.5s; width: 100%; margin-top: 17px;}
.train ul li .text h2{ text-align: center; line-height: 90px; font-weight: bold; font-size: 34px; color: #333;}
.train ul li .text p{ font-size: 26px; color: #555; text-align: center;}
.train ul li:hover .icon img{ transform: scale(1.1);}
.train ul li:hover .icon .add{ opacity: 1;}
.train ul li:hover .text{ background: #dbd9d8;}

.newDetails{ width: 1150px; margin: 0 auto;}
.newDetails .tit{ width: 100%; padding-top: 75px; padding-bottom: 15px; border-bottom: 2px solid #ececec;}
.newDetails .tit h2{ text-align: center; font-size: 28px; color: #005bac; padding-bottom: 35px; line-height: 42px;}
.newDetails p{ text-align: center; font-size:16px ; color: #9f9e9e;}
.newDetails .text{ padding-top: 15px;text-align: left; line-height: 36px;text-indent: 44px; font-size: 18px; color: #333;}
.newDetails .text p{ overflow: hidden; padding-bottom: 15px; text-align: left; line-height: 36px;text-indent: 44px; font-size: 18px; color: #333;}
.newDetails .text img{ display: block; margin: 0 auto; margin-bottom: 15px; }
.newDetails .text p a.back{ margin: 115px; text-indent: 0; line-height: 46px; display: block; float: right; text-align: center; width: 130px; height: 48px; border-radius:5px; background: #ff9c01; color: #fff;}
.newDetails .text div{ overflow: hidden; padding-bottom: 15px; text-align: left; line-height: 36px;text-indent: 44px; font-size: 18px; color: #333;}
.about{ width: 100%;}
.newDetails .text p span{ background: none!important;}
.aboutLayer1{ padding: 100px 0; width: 1670px; margin: 0 auto; overflow: hidden;}
.aboutLayer1 .icon{ position: relative; width: 725px; height: 425px; float: right; overflow: hidden; position: relative;}
.aboutLayer1 .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.aboutLayer1 .icon:hover img{ transform: scale(1.1);}
.aboutLayer1 .text{ width: 810px; float: left;}
.aboutLayer1 .text h2{ font-size: 22px; font-weight: bold; color: #f7941d; margin-bottom: 20px;}
.aboutLayer1 .text p{ font-size: 16px; color: #949494; line-height: 28px; color: #949494; text-indent: 32px;}
.aboutLayer1 .text a{ text-align: center; line-height: 28px; display: block; width: 105px; height: 28px; background: #005bac; color: #fff; margin-top: 20px; font-size: 12px;}
.aboutLayer1 .icon .swiper-button-next{ position: absolute; right: 0; top: auto; bottom: 0; margin: 0; transform: none; width: 50px; height: 44px; background: url(../images/arrow2.png) center center no-repeat #0762bd; background-size:15px auto;}
.aboutLayer1 .icon .swiper-button-prev{ position: absolute; left: auto; top: auto; bottom: 0; margin: 0; right: 50px; width: 50px; height: 44px; background: url(../images/arrow.png) center center no-repeat #0762bd; background-size:15px auto; transform: none;}
.aboutLayer1 .icon .swiper-container{ display: block; width: 100%; height: 100%;}
.aboutLayer2{ background: #f5f5f5; padding-bottom: 90px;}
.aboutLayer1 .icon .swiper-container .swiper-slide{ overflow: hidden;}

.about .tit{ padding: 60px 0;}
.about .tit h2{ text-align: center; font-size: 34px; color: #333;}
.about .tit p{ text-align: center; line-height: 40px; text-align: center; font-size: 10px; color: #333;}
.about .tit span{ display: block; margin: 0 auto; width: 40px; height: 1px; background: #0152a3;}
.about .aboutLayer2 ul{ width: 1670px; margin: 0 auto;}
.about .aboutLayer2 ul li{ width: 100%; overflow: auto;}
.about .aboutLayer2 ul li .text{ position: relative; width: 50%; float: left; background: #fff; height: 480px;}
.about .aboutLayer2 ul li .icon{  width: 50%; float: right; height: 480px; overflow: hidden;}
.about .aboutLayer2 ul li .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.about .aboutLayer2 ul li .icon:hover img{ transform: scale(1.1);}
.about .aboutLayer2 ul li:nth-child(2n) .icon{ float: left;}
.about .aboutLayer2 ul li:nth-child(2n) .text{ float: right;}
.about .aboutLayer2 ul li .text .nr{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding-left: 115px;box-sizing: border-box;}
.about .aboutLayer2 ul li .text .nr h2{ color: #0060a3; font-size: 36px; margin-bottom: 35px;}
.about .aboutLayer2 ul li .text .nr p{ font-size: 28px; color: #847676; line-height: 44px;}

.about .aboutLayer3{ width: 100%; background: url(../images/about_16.png); height: 780px; background-size:100% 100% ;}

.aboutLayer3Box{ width: 1670px; margin: 0 auto;}
.aboutLayer3Box .nr{ width: 100%; }
.aboutLayer3Box .nr .icon{ width: 100%; height: 275px; background: #f3f3f3; position: relative;}
.aboutLayer3Box .nr .icon img{ width: 285px; height: 205px; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.aboutLayer3Box .nr p{ width: 100%; height: 80px; background: #fff; text-align: center; line-height: 80px; font-size: 18px; color: #a2a2a2;}
.aboutLayer3Box .btn{ width: 150px; height: 65px; margin: 45px auto; position: relative;}
.aboutLayer3Box .btn .swiper-button-next{ right: 0; top: 0; width: 65px; height: 65px; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius:50%; margin: 0; transition: 0.5s; background: url(../images/R1.png) center center no-repeat; background-size:60% auto;}
.aboutLayer3Box .btn .swiper-button-prev{left: 0; top: 0; width: 65px; height: 65px; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius:50%; margin: 0;background: url(../images/l1.png) center center no-repeat; background-size:60% auto;}
.aboutLayer3Box .btn .swiper-button-next:hover{ background: url(../images/R2.png) center center no-repeat #f7941d; background-size:60% auto;}
.aboutLayer3Box .btn .swiper-button-prev:hover{ background: url(../images/l2.png) center center no-repeat #f7941d; background-size:60% auto;}

.aboutLayer4{ width: 100%; background: #F4F4F4;}
.aboutLayer4 .pc{ display: block;}
.aboutLayer4 .app{ display: none;}
.aboutLayer4 img{ display: block; margin: 0 auto; transform: translateX(25px);}
.talent{ width: 100%; background: #f6f6f6; padding-bottom: 1px;}
.talentBox{ width: 1280px; margin: 0 auto;}
.talentBox ul{ width: 100%;}
.talentBox ul li{ width: 100%; overflow: hidden; margin-bottom: 55px;}
.talentBox ul li .icon{ width: 50%; height: 450px; float: right;}
.talentBox ul li .icon img{ display: block; width: 100%; height: 100%;}
.talentBox ul li .text{ width: 50%; float: left; background: #fff;  height: 450px; position: relative;}
.talentBox ul li .textBox{ position: absolute; left: 50%;padding: 0 80px; box-sizing: border-box; top: 50%; transform: translate(-50%,-50%); width: 100%;}
.talentBox ul li .textBox .tit{ height: 74px; margin-bottom: 20px; position: relative;}
.talentBox ul li .textBox .tit h2{ font-size: 24px; color: #005bac; line-height: 52px;}
.talentBox ul li .textBox .tit p{ font-size: 14px; color: #888;}
.talentBox ul li .textBox .tit span{ display: block; position: absolute; left: -42px; top: 0; background: #f7941d; width: 5px; height: 74px;}
.talentBox ul li .textBox .nr{ font-size: 14px; color: #757070; line-height: 24px;}
.talentBox ul li:nth-child(2) .icon{ float: left;}
.talentBox ul li:nth-child(2) .text{ float: right;}


@media only screen and (max-width:1000px) {
	.proDetails .layer3 ul li:hover{ background:none;}
	.cantact .cantactBox{ width: 100%;}
	.cantact .cantactBox .layer1{ height: auto; overflow: hidden;}
	.cantact .cantactBox .layer1 .icon{ width: 100%; height: 250px;}
	.cantact .cantactBox .layer1 .text{ width: 100%; height: auto; padding: 0 25px; box-sizing: border-box;}
	.cantact .cantactBox .layer2{ overflow: hidden; width: 100%; height: auto;}
	.cantact .cantactBox .layer2 .icon{ width: 100%; height: auto;}
	.cantact .cantactBox .layer2 .icon img{ width: 100%; height: auto;}
	.cantact .cantactBox .layer2 .text{ width: 100%; padding: 20px;  box-sizing: border-box;}
	.cantact .cantactBox .layer2 .text
	.flnr_a{ overflow: hidden; height: auto;}
	.flnr_a ul{ width: 100%; overflow: hidden;}
	.flnr_a ul li{ width: 50%; float: left;}
	.flnr_a a{ padding: 0; text-align: center; font-size: 14px;}
	.wz1270{ width: 100%;}
	.xswd_bt{ padding:20px 10px;}
	.xswd{padding: 30px 20px; width: 100%; box-sizing: border-box;}
	.xswd_bt li{ width: 50%; float: left; margin: 0 0 15px 0;}
	.xswd_bt li:nth-child(2n){ border-right:0 ;}
	.xswd_bt h2 span{ font-size: 28px;}
	.xswd_bt p{ font-size: 12px;}
	.xswd_bt ul{ padding-bottom: 35px;}
	.banner5{ width: 100%; height: 300px;}
	.bannertext{ width: 90%;}
	.bannertext h2{ font-size: 32px;}
	.bannertext p{ font-size: 16px;}
	.xwzx{ width: 100%; padding: 20px; box-sizing: border-box;}
	.xwzx_xq ul{ width: 100%; overflow: hidden; margin: 0;}
	.xwzx_xq ul li{ width: 100%;margin: 0 0 15px 0; padding: 0;}
	.xwzx_xq{ width: 100%;}
	.wz1270{ width: 100%;}
	.rc_tit{ width: 100%; padding: 20px; box-sizing: border-box;}
	.rc_tit span{ right: 20px; width: 100px;}
	.rc_text{ padding: 15px; box-sizing: border-box;}
	.rc_text p{ font-size: 14px;}
	.banner1{ width: 100%; height: 300px;}
	.jmtj{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.jmtj_top{ padding-bottom: 40px;}
	.jmtj_bottom ul{ margin: 0;}
	.jmtj_bottom li{ width: 100%; margin: 0 0 15px 0; padding: 0;}
	.btn6{ width: 100%;}
	.jmtj_bottom{ padding-bottom: 50px;}
	.method{ width: 100%;}
	.banner2{ width: 100%; height: 200px;}
	.proCenter .proNav { height: auto;}
	.proCenter .proNav ul { overflow: hidden;}
	.proCenter .proNav ul li{ width: 25%; float: left;}
	.proCenter .proNav ul li a{ border: none; padding: 0; font-size: 14px;}
	.proCenter .list{ padding: 15px 0;}
	.proCenter .list ul{ overflow: hidden; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.proCenter .list ul li{ float: left; display: block; width: 49%; margin: 0 2% 15px 0;}
	.proCenter .list ul li .icon{ height: 150px;}
	.proCenter .list li:nth-child(2n){ margin-right: 0;}
	.proDetails .layer1{ padding: 25px 15px; box-sizing: border-box;}
	.proDetails .layer1Box{ width: 100%;}
	.proDetails .layer1Box .text a{ width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
	.proDetails .layer1 .icon{ width: 100%; height: auto;}
	.proDetails .layer1 .text{ width: 100%; padding: 0;}
	.proDetails .layer1Box .text h2{ height: 80px; line-height: 80px; font-size: 22px;}
	.proDetails .layer1Box .text p{ font-size: 14px; line-height: 28px;}
	.proDetails .layer1Box .text
	.proDetails .layer1Box{ width: 100%;}
	.proDetails .title{ padding: 35px 0;}
	.proDetails .title h2{ font-size: 22px;}
	.proDetails .title p{ line-height: 18px;}
	.proDetails ul li{ width: 100%; margin: 0 0 15px 0;}
	.proDetails ul li img{ display: block; width: 100%; height: auto;}
	.proDetails .layer3{ width: 100%; padding: 0 20px; box-sizing: border-box;}
	.proDetails .layer3 ul{ width: 100%; overflow: hidden;}
	.proDetails .layer3 ul li{ width: 49%; margin: 0; margin-right: 2%; height: 150px; background: none;}
	.proDetails .layer3 ul li:nth-child(2n){ margin-right: 0;}
	.proDetails .layer3 ul li .nr p{ font-size: 15px;}
	.tec{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.tec .list li{ width: 100%; margin: 0 0 15px 0;}
	.train{ width: 100%;}
	.train ul{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.train ul li{ width: 100%; margin: 0 0 15px 0;}
	.train ul li .icon{ height: auto;}
	.train ul li .text{ width: 100%; height: 100px;}
	.train ul li .text h2{ text-align: center; font-size: 16px; line-height: 60px;}
	.train ul li .text p{ font-size: 14px;}
	
	.newDetails{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.newDetails .tit{ padding: 15px 0;}
	.newDetails .tit h2{ font-size: 16px; line-height: 22px;}
	.newDetails p{ font-size: 12px; line-height: 16px;}
	.newDetails .text p{ font-size: 14px;}
	.newDetails .text img{ display: block; width: 100%; height: auto;}
	.newDetails .text p a{ margin: 40px auto;}
	
	.aboutLayer2{ padding-bottom: 0;}
	.aboutLayer1{ width: 100%; padding:15px;  box-sizing: border-box;}
	.aboutLayer1 .icon{ width: 100%; height: auto;}
	.aboutLayer1 .text{ width: 100%;}
	.aboutLayer1 .text h2{ font-size: 18px; line-height: 36px; padding: 15px 0;}
	.aboutLayer1 .text p{ font-size: 14px;}
	.about .tit{ padding: 20px 0;}
	.about .tit h2{ font-size: 22px;}
	.about .aboutLayer2 ul{ width: 100%;}
	.about .aboutLayer2 ul li .icon{ width: 100%; height: auto;}
	.about .aboutLayer2 ul li .text{ width: 100%; height: 300px;}
	.about .aboutLayer2 ul li .text .nr{ padding: 0;}
	.about .aboutLayer2 ul li .text .nr h2{ text-align: center; font-size: 22px;}
	.about .aboutLayer2 ul li .text .nr p{ font-size: 14px; text-align: center;}
	
	.aboutLayer3Box{ width: 100%;}
	.aboutLayer3Box .nr .icon{ height: 250px;}
	.aboutLayer3Box .nr .icon img{ width: 60%!important; height: auto!important;;}
	.about .aboutLayer3{ height: auto; padding-bottom: 40px;}
	.aboutLayer3Box .btn .swiper-button-next{ width: 30px; height: 30px;}
	.aboutLayer3Box .btn .swiper-button-prev{ width: 30px; height: 30px;}
	.aboutLayer3Box .btn{ margin: 15px auto 0 auto;}
	.aboutLayer4 .pc{ display: none;}
	.aboutLayer4 .app{ display: block; padding: 0 15px; box-sizing: border-box;}
	.aboutLayer4 .app img{ display: block; width: 100%; height: auto; transform: none;}
	
	.talentBox{ width: 100%;}
	.talentBox ul li .icon{ width: 100%; height: auto;}
	.talentBox ul li .icon img{ display: block; width: 100%; height: auto;}
	.talentBox ul li .text{ width: 100%; padding: 20px; box-sizing: border-box;}
	.talentBox ul li .textBox{ position: relative; width: 100%; padding: 0;}
	
	.banner img{display: none; width: 100%; height: auto;}
	.banner img.appBanner{ display: block;}
	.banner1{background: url(../images/banner1App.png) no-repeat center center; background-size:100% 100%; height: 414px;}
	.banner2{ background: url(../images/newApp.png) no-repeat; background-size:100% 100%; height: 414px;}
	.banner2 .bannertext{display: none;}
	.banner3{    background: url(../images/banner3App.png) no-repeat center center;}
	.banner4{ background: url(../images/banner4App.png) no-repeat center center; background-size:100% 100%; height: 414px;}
}
@media (min-width: 1000px) and (max-width:1366px) {
	.aboutLayer1{ width: 80%;}
	.aboutLayer1 .text{ width: 50%;}
	.aboutLayer1 .icon{ width: 46%;}
	.about .aboutLayer2 ul{ width: 80%;}
	.about .aboutLayer2 ul li .icon{ height: 380px;}
	.about .aboutLayer2 ul li .text{ height: 380px;}
	.aboutLayer3Box{ width: 80%;}
	.aboutLayer3Box .nr .icon img{ width: 80%!important; height: 110px;}
	.aboutLayer4 .pc{ width: 80%; margin: 0 auto;}
	.aboutLayer4 img{ width: 100%; height: auto; transform: none}
	
}