*{padding: 0;margin: 0;box-sizing: border-box;}

body{font:normal normal 0.32rem/1 sans-serif;color: #000;background: #fff;}

textarea,input{font:normal normal 0.28rem/1.5 sans-serif;}

img{display:block;border: none;}

.clear:after {content:"";display: block;clear:both;}

input[type=button], input[type=submit], input[type=file], input[type=reset], button { cursor: pointer; -webkit-appearance: none;}

body,p,ol,ul,h1,h2,h3,h4,h5,h6{margin: 0;padding:0;list-style: none;font:normal normal 0.28rem/1.5 sans-serif;}

button{font:normal normal 0.28rem/1.5 sans-serif;}

a{color:inherit;text-decoration: none;}

.i100{overflow:hidden;}

.i100>img{width: 100%;}

.i200{overflow: hidden;}

.i200>img{height: 100%;}

.i300{overflow: hidden;}

.i300>img{width: 100%;height: 100%;}

a>img{width: 100%;}

.to1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.a1{position: relative;}

.a1>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}

input{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}

select{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}

button{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}

.to2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}

.to3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}

.to4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space: normal;}

.to5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;white-space: normal;}

.to6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;white-space: normal;}

.to7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;white-space: normal;}

.to8{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;white-space: normal;}

.to9{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;white-space: normal;}

.to10{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;white-space: normal;}

textarea{border: 0;display: block;outline: none;background: none;box-sizing: border-box;resize: none;}



/* 导航 */

@media only screen and (min-width: 1720px) {

    .dh{width: 100%;height: 120px;background: rgba(0, 0, 0, 0.08);position: fixed;top: 0;left: 0;z-index: 9;transition: 0.5s;}

    .dh1{height: 67px;position: absolute;left: calc(50% - 1680px/2);top: calc(50% - 67px/2);}

    .dh2{width: 60px;height: 60px;position: absolute;right: calc(50% - 1680px/2);top: calc(50% - 60px/2);border: 1px solid #fff;border-radius: 50%;cursor: pointer;}

    .dh2>img{width: 21px;height: 21px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .dh2>img:nth-child(1){opacity: 1;}

    .dh2>img:nth-child(2){opacity: 0;}

    .dh3{position: absolute;top: 0;right: calc(50% - 1680px/2 + 100px);}

    .dh31{float: left;margin-right: 50px;font-size: 18px;line-height: 120px;font-weight: bold;color: #fff;position: relative;}

    .dh31>.dh32{width: 0;height: 4px;background: #f6a71a;position: absolute;left: 0;bottom: 0;transition: 0.5s;}

    .dh3 .dh31:last-child{margin-right: 0;}

    .dh4{display: none;}

    .dh5{position: absolute;left: calc(50% - 1680px/2 + 435px);top: 0;height: 100%;}

    .dh51{float: left;margin-right: 40px;height: 100%;position: relative;}

    .dh5>.dh51:last-child{margin-right: 0;}

    .dh51 .dh52{height: 100%;display: flex;align-items: center;}

    .dh53{height: 16px;position: relative;width: 20px;margin-right: 15px;}

    .dh54{font-size: 18px;line-height: 18px;color: #fff;font-weight: bold;}

    .dh53>img{height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .dh53>img:nth-child(2){opacity: 0;transition: 0.5s;}

    .dh53>img:nth-child(3){opacity: 0;transition: 0.5s;}


    .dh:hover{background: #fff;transition: 0.5s;}

    .dh:hover .dh31{color: #000000;}

    .dh:hover .dh54{color: #000000;}

    .dh:hover .dh53>img:nth-child(1){opacity: 0;}

    .dh:hover .dh53>img:nth-child(3){opacity: 1;}

    .dh:hover .dh2{border: 1px solid #ededed;}

    .dh:hover .dh2>img:nth-child(1){opacity: 0;}

    .dh:hover .dh2>img:nth-child(2){opacity: 1;}

    .dh.on{background: #fff;transition: 0.5s;}

    .dh.on .dh31{color: #000000;}

    .dh.on .dh54{color: #000000;}

    .dh.on .dh53>img:nth-child(1){opacity: 0;}

    .dh.on .dh53>img:nth-child(3){opacity: 1;}

    .dh.on .dh2{border: 1px solid #ededed;}

    .dh.on .dh2>img:nth-child(1){opacity: 0;}

    .dh.on .dh2>img:nth-child(2){opacity: 1;}

    .dh55{width: 0;height: 4px;position: absolute;left: 0;bottom: 0;background: #f6a71a;transition: 0.5s;}

    .dh51:hover .dh53>img:nth-child(1),.dh51:hover .dh53>img:nth-child(3){opacity: 0;}

    .dh51:hover .dh53>img:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh51:hover .dh54{color: #f6a71a;transition: 0.5s;}

    .dh51:hover .dh55{width: 100%;transition: 0.5s;}

    .dh31:hover >.dh32{width: 100%;transition: 0.5s;}

    .dh31:hover {color: #f6a71a !important;transition: 0.5s;}

    .dh31.on {color: #f6a71a !important;transition: 0.5s;}

    .dh31.on .dh32{width:100%;}

    .dh33{width: 100%;height: 0;position: fixed;top: 120px;left: 0;background: url(../img/a45.jpg) no-repeat center;background-size: 1920px 640px;overflow: hidden;transition: 0.5s;}

    .dh31:hover .dh33{height: 340px;transition: 0.5s;}

    .dh51:hover .dh33{height: 640px;transition: 0.5s;}

    .dh33-a{width: 1680px;height: 640px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

    .dh31 .dh33-a{height: 340px;}

    .dh33-a1{width: 397px;height: 460px;border-radius: 20px;position: relative;}

    .dh31 .dh33-a .dh33-a1{height: 220px;}

    .dh33-a1>div:nth-child(1){font-size: 40px;line-height: 40px;font-weight: bold;color: #fff;position: absolute;left: 60px;top: 73px;}

    .dh33-a1>div:nth-child(2){width: 40px;height: 1px;position: absolute;left: 60px;top: 150px;background: #fff;}

    .dh33-a1>img{width: 100%;transition: 0.5s;}

    .dh33-a2{width: calc(100% - 397px - 35px);height: 100%;}

    .dh33-a3{width: 378px;height: 100%;border-right: 1px solid #ededed;padding-top: 80px;position: relative;}

    .dh33-over{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;}

    .dh33-over::-webkit-scrollbar{width: 5px;background: rgba(255, 255, 255, 0.5);border-radius: 50px;}

    .dh33-over::-webkit-scrollbar-thumb{width: 5px;background: #f6a71a;border-radius: 50px;}

    .dh33-a31{width: 100%;padding-left: 85px;width: 100%;margin-bottom: 42px;cursor: pointer; display: flex;align-items: center;}

    .dh33-a31>div:nth-child(1){font-size: 16px;line-height: 16px;color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a31>div:nth-child(2){font-size: 16px;line-height: 16px;color: #f6a71a;margin-left: 60px;opacity: 0; transition: 0.5s;}

    .dh33-a31:hover >div:nth-child(1){transform: translateX(10px);color: #f6a71a;transition: 0.5s;}

    .dh33-a31:hover >div:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh33-a4{width: 342px;height: 100%;position: absolute;left: 100%;top: 0;border-right: 1px solid #ededed;padding-top: 80px;opacity: 0;z-index: -1;transition: 0.5s;}

    .dh33-a31:hover .dh33-a4{opacity: 1;z-index: 1;transition: 0.5s;}

    .dh33-a41{width: 100%;padding-left: 85px;display: flex;align-items: center;width: 100%;margin-bottom: 42px;cursor: pointer;}

    .dh33-a41>div:nth-child(1){font-size: 16px;line-height: 16px;color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a41>div:nth-child(2){font-size: 16px;line-height: 16px;color: #f6a71a;margin-left: 60px;opacity: 0; transition: 0.5s;}

    .dh33-a41:hover >div:nth-child(1){transform: translateX(10px);color: #f6a71a;transition: 0.5s;}

    .dh33-a41:hover >div:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh33-a5{width: 248px;height: 100%;position: absolute;left: 100%;top: 0;padding-top: 80px;opacity: 0;z-index: -1;opacity: 0;z-index: -1;transition: 0.5s;}

    .dh33-a41:hover .dh33-a5{opacity: 1;z-index: 1;transition: 0.5s;}

    .dh33-a51{width: 100%;padding-left: 85px;display: flex;align-items: center;width: 100%;margin-bottom: 42px;cursor: pointer;}

    .dh33-a51{font-size: 16px;line-height: 16px;color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a51:hover{color: #f6a71a;transition: 0.5s;}

    .dh6{display: none;}

    .ydh{display: none;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .dh{width: 100%;height: 100px;background: rgba(0, 0, 0, 0.08);position: fixed;top: 0;left: 0;z-index: 9;transition: 0.5s;}

    .dh1{height: calc(1400px*67/1680);position: absolute;left: calc(50% - 1400px/2);top: calc(50% - (1400px*67/1680)/2);}

    .dh2{width: calc(1400px*60/1680);height: calc(1400px*60/1680);position: absolute;right: calc(50% - 1400px/2);top: calc(50% - (1400px*60/1680)/2);border: 1px solid #fff;border-radius: 50%;cursor: pointer;}

    .dh2>img{width: calc(1400px*21/1680);height: calc(1400px*21/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .dh2>img:nth-child(1){opacity: 1;}

    .dh2>img:nth-child(2){opacity: 0;}

    .dh3{position: absolute;top: 0;right: calc(50% - 1400px/2 + (1400px*100/1680));}

    .dh31{float: left;margin-right: calc(1400px*30/1680);font-size: 14px;line-height: 100px;font-weight: bold;color: #fff;position: relative;}

    .dh31>.dh32{width: 0;height: 4px;background: #f6a71a;position: absolute;left: 0;bottom: 0;transition: 0.5s;}

    .dh3 .dh31:last-child{margin-right: 0;}

    .dh4{display: none;}

    .dh5{position: absolute;left: calc(50% - 1400px/2 + (1400px*435/1680));top: 0;height: 100%;}

    .dh51{float: left;margin-right: calc(1400px*30/1680);height: 100%;position: relative;}

    .dh5>.dh51:last-child{margin-right: 0;}

    .dh51 .dh52{height: 100%;display: flex;align-items: center;}

    .dh53{height: calc(1400px*16/1680);position: relative;width: calc(1400px*20/1680);margin-right: calc(1400px*15/1680);}

    .dh54{font-size: 14px;line-height: 14px;color: #fff;font-weight: bold;}

    .dh53>img{height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .dh53>img:nth-child(2){opacity: 0;transition: 0.5s;}

    .dh53>img:nth-child(3){opacity: 0;transition: 0.5s;}

    .dh:hover{background: #fff;transition: 0.5s;}

    .dh:hover .dh31{color: #000000;}

    .dh:hover .dh54{color: #000000;}

    .dh:hover .dh53>img:nth-child(1){opacity: 0;}

    .dh:hover .dh53>img:nth-child(3){opacity: 1;}

    .dh:hover .dh2{border: 1px solid #ededed;}

    .dh:hover .dh2>img:nth-child(1){opacity: 0;}

    .dh:hover .dh2>img:nth-child(2){opacity: 1;}

    .dh.on{background: #fff;transition: 0.5s;}

    .dh.on .dh31{color: #000000;}

    .dh.on .dh54{color: #000000;}

    .dh.on .dh53>img:nth-child(1){opacity: 0;}

    .dh.on .dh53>img:nth-child(3){opacity: 1;}

    .dh.on .dh2{border: 1px solid #ededed;}

    .dh.on .dh2>img:nth-child(1){opacity: 0;}

    .dh.on .dh2>img:nth-child(2){opacity: 1;}

    .dh55{width: 0;height: 4px;position: absolute;left: 0;bottom: 0;background: #f6a71a;transition: 0.5s;}

    .dh51:hover .dh53>img:nth-child(1),.dh51:hover .dh53>img:nth-child(3){opacity: 0;}

    .dh51:hover .dh53>img:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh51:hover .dh54{color: #f6a71a;transition: 0.5s;}

    .dh51:hover .dh55{width: 100%;transition: 0.5s;}

    .dh31:hover >.dh32{width: 100%;transition: 0.5s;}

    .dh31:hover {color: #f6a71a !important;transition: 0.5s;}

    .dh31.on {color: #f6a71a !important;transition: 0.5s;}

    .dh31.on .dh32{width:100%;}

    .dh33{width: 100%;height: 0;position: fixed;top: 100px;left: 0;background: url(../img/a45.jpg) no-repeat center bottom;background-size: 1920px 640px;overflow: hidden;transition: 0.5s;}

    .dh31:hover .dh33{height: calc(1400px*340/1680);transition: 0.5s;}

    .dh51:hover .dh33{height: calc(1400px*640/1680);transition: 0.5s;}

    .dh33-a{width: calc(1400px*1680/1680);height: calc(1400px*640/1680);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

    .dh31 .dh33-a{height: calc(1400px*340/1680);}

    .dh33-a1{width: calc(1400px*397/1680);height: calc(1400px*460/1680);border-radius: 20px;position: relative;}

    .dh31 .dh33-a .dh33-a1{height: calc(1400px*220/1680);}

    .dh33-a1>div:nth-child(1){font-size: calc(1400px*40/1680);line-height: calc(1400px*40/1680);font-weight: bold;color: #fff;position: absolute;left: calc(1400px*60/1680);top: calc(1400px*73/1680);}

    .dh33-a1>div:nth-child(2){width: calc(1400px*40/1680);height: 1px;position: absolute;left: calc(1400px*60/1680);top: calc(1400px*150/1680);background: #fff;}

    .dh33-a1>img{width: 100%;transition: 0.5s;}

    .dh33-a2{width: calc(100% - (1400px*397/1680) - (1400px*35/1680));height: 100%;}

    .dh33-a3{width: calc(1400px*378/1680);height: 100%;border-right: 1px solid #ededed;padding-top: calc(1400px*80/1680);position: relative;}

    .dh33-over{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;}

    .dh33-over::-webkit-scrollbar{width: 3px;background: rgba(255, 255, 255, 0.5);border-radius: 50px;}

    .dh33-over::-webkit-scrollbar-thumb{width: 3px;background: #f6a71a;border-radius: 50px;}

    .dh33-a31{width: 100%;padding-left: calc(1400px*85/1680);width: 100%;margin-bottom: calc(1400px*42/1680);cursor: pointer; display: flex;align-items: center;}

    .dh33-a31>div:nth-child(1){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a31>div:nth-child(2){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #f6a71a;margin-left: calc(1400px*60/1680);opacity: 0; transition: 0.5s;}

    .dh33-a31:hover >div:nth-child(1){transform: translateX(10px);color: #f6a71a;transition: 0.5s;}

    .dh33-a31:hover >div:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh33-a4{width: calc(1400px*342/1680);height: 100%;position: absolute;left: 100%;top: 0;border-right: 1px solid #ededed;padding-top: calc(1400px*80/1680);opacity: 0;z-index: -1;transition: 0.5s;}

    .dh33-a31:hover .dh33-a4{opacity: 1;z-index: 1;transition: 0.5s;}

    .dh33-a41{width: 100%;padding-left: calc(1400px*85/1680);display: flex;align-items: center;width: 100%;margin-bottom: calc(1400px*42/1680);cursor: pointer;}

    .dh33-a41>div:nth-child(1){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a41>div:nth-child(2){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #f6a71a;margin-left: calc(1400px*60/1680);opacity: 0; transition: 0.5s;}

    .dh33-a41:hover >div:nth-child(1){transform: translateX(10px);color: #f6a71a;transition: 0.5s;}

    .dh33-a41:hover >div:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh33-a5{width: calc(1400px*248/1680);height: 100%;position: absolute;left: 100%;top: 0;padding-top: calc(1400px*80/1680);opacity: 0;z-index: -1;opacity: 0;z-index: -1;transition: 0.5s;}

    .dh33-a41:hover .dh33-a5{opacity: 1;z-index: 1;transition: 0.5s;}

    .dh33-a51{width: 100%;padding-left: calc(1400px*85/1680);display: flex;align-items: center;width: 100%;margin-bottom: calc(1400px*42/1680);cursor: pointer;}

    .dh33-a51{font-size: calc(1400px*16/1680);line-height: 16px;color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a51:hover{color: #f6a71a;transition: 0.5s;}

    .dh6{display: none;}

    .ydh{display: none;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .dh{width: 100%;height: 100px;background: rgba(0, 0, 0, 0.08);position: fixed;top: 0;left: 0;z-index: 9;transition: 0.5s;}

    .dh1{height: calc(960px*67/1680);position: absolute;left: calc(50% - 960px/2);top: calc(50% - (960px*67/1680)/2);}

    .dh2{width: calc(960px*60/1680);height: calc(960px*60/1680);position: absolute;right: calc(50% - 960px/2);top: calc(50% - (960px*60/1680)/2);border: 1px solid #fff;border-radius: 50%;cursor: pointer;}

    .dh2>img{width: calc(960px*21/1680);height: calc(960px*21/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .dh2>img:nth-child(1){opacity: 1;}

    .dh2>img:nth-child(2){opacity: 0;}

    .dh3{position: absolute;top: 0;right: calc(50% - 960px/2 + (960px*100/1680));}

    .dh31{float: left;margin-right: calc(960px*30/1680);font-size: 14px;line-height: 100px;font-weight: bold;color: #fff;position: relative;}

    .dh31>.dh32{width: 0;height: 4px;background: #f6a71a;position: absolute;left: 0;bottom: 0;transition: 0.5s;}

    .dh3 .dh31:last-child{margin-right: 0;}

    .dh4{display: none;}

    .dh5{position: absolute;left: calc(50% - 960px/2 + (960px*435/1680));top: 0;height: 100%;}

    .dh51{float: left;margin-right: calc(960px*30/1680);height: 100%;position: relative;}

    .dh5>.dh51:last-child{margin-right: 0;}

    .dh51 .dh52{height: 100%;display: flex;align-items: center;}

    .dh53{height: calc(960px*16/1680);position: relative;width: calc(960px*20/1680);margin-right: calc(960px*15/1680);}

    .dh54{font-size: 14px;line-height: 14px;color: #fff;font-weight: bold;}

    .dh53>img{height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .dh53>img:nth-child(2){opacity: 0;transition: 0.5s;}

    .dh53>img:nth-child(3){opacity: 0;transition: 0.5s;}

    .dh:hover{background: #fff;transition: 0.5s;}

    .dh:hover .dh31{color: #000000;}

    .dh:hover .dh54{color: #000000;}

    .dh:hover .dh53>img:nth-child(1){opacity: 0;}

    .dh:hover .dh53>img:nth-child(3){opacity: 1;}

    .dh:hover .dh2{border: 1px solid #ededed;}

    .dh:hover .dh2>img:nth-child(1){opacity: 0;}

    .dh:hover .dh2>img:nth-child(2){opacity: 1;}

    .dh.on{background: #fff;transition: 0.5s;}

    .dh.on .dh31{color: #000000;}

    .dh.on .dh54{color: #000000;}

    .dh.on .dh53>img:nth-child(1){opacity: 0;}

    .dh.on .dh53>img:nth-child(3){opacity: 1;}

    .dh.on .dh2{border: 1px solid #ededed;}

    .dh.on .dh2>img:nth-child(1){opacity: 0;}

    .dh.on .dh2>img:nth-child(2){opacity: 1;}

    .dh55{width: 0;height: 4px;position: absolute;left: 0;bottom: 0;background: #f6a71a;transition: 0.5s;}

    .dh51:hover .dh53>img:nth-child(1),.dh51:hover .dh53>img:nth-child(3){opacity: 0;}

    .dh51:hover .dh53>img:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh51:hover .dh54{color: #f6a71a;transition: 0.5s;}

    .dh51:hover .dh55{width: 100%;transition: 0.5s;}

    .dh31:hover >.dh32{width: 100%;transition: 0.5s;}

    .dh31:hover {color: #f6a71a !important;transition: 0.5s;}

    .dh31.on {color: #f6a71a !important;transition: 0.5s;}

    .dh31.on .dh32{width:100%;}

    .dh33{width: 100%;height: 0;position: fixed;top: 100px;left: 0;background: url(../img/a45.jpg) no-repeat center bottom;background-size: 1920px 640px;overflow: hidden;transition: 0.5s;}

    .dh31:hover .dh33{height: calc(960px*340/1680);transition: 0.5s;}

    .dh51:hover .dh33{height: calc(960px*640/1680);transition: 0.5s;}

    .dh33-a{width: calc(960px*1680/1680);height: calc(960px*640/1680);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

    .dh31 .dh33-a{height: calc(960px*340/1680);}

    .dh33-a1{width: calc(960px*397/1680);height: calc(960px*460/1680);border-radius: 20px;position: relative;}

    .dh31 .dh33-a .dh33-a1{height: calc(960px*220/1680);}

    .dh33-a1>div:nth-child(1){font-size: calc(960px*40/1680);line-height: calc(960px*40/1680);font-weight: bold;color: #fff;position: absolute;left: calc(960px*60/1680);top: calc(960px*73/1680);}

    .dh33-a1>div:nth-child(2){width: calc(960px*40/1680);height: 1px;position: absolute;left: calc(960px*60/1680);top: calc(960px*150/1680);background: #fff;}

    .dh33-a1>img{width: 100%;transition: 0.5s;}

    .dh33-a2{width: calc(100% - (960px*397/1680) - (960px*35/1680));height: 100%;}

    .dh33-a3{width: calc(960px*378/1680);height: 100%;border-right: 1px solid #ededed;padding-top: calc(960px*80/1680);position: relative;}

    .dh33-over{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;}

    .dh33-over::-webkit-scrollbar{width: 5px;background: rgba(255, 255, 255, 0.5);border-radius: 50px;}

    .dh33-over::-webkit-scrollbar-thumb{width: 5px;background: #f6a71a;border-radius: 50px;}

    .dh33-a31{width: 100%;padding-left: calc(960px*85/1680);width: 100%;margin-bottom: calc(960px*42/1680);cursor: pointer; display: flex;align-items: center;}

    .dh33-a31>div:nth-child(1){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a31>div:nth-child(2){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #f6a71a;margin-left: calc(960px*60/1680);opacity: 0; transition: 0.5s;}

    .dh33-a31:hover >div:nth-child(1){transform: translateX(10px);color: #f6a71a;transition: 0.5s;}

    .dh33-a31:hover >div:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh33-a4{width: calc(960px*342/1680);height: 100%;position: absolute;left: 100%;top: 0;border-right: 1px solid #ededed;padding-top: calc(960px*80/1680);opacity: 0;z-index: -1;transition: 0.5s;}

    .dh33-a31:hover .dh33-a4{opacity: 1;z-index: 1;transition: 0.5s;}

    .dh33-a41{width: 100%;padding-left: calc(960px*85/1680);display: flex;align-items: center;width: 100%;margin-bottom: calc(960px*42/1680);cursor: pointer;}

    .dh33-a41>div:nth-child(1){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a41>div:nth-child(2){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #f6a71a;margin-left: calc(960px*60/1680);opacity: 0; transition: 0.5s;}

    .dh33-a41:hover >div:nth-child(1){transform: translateX(10px);color: #f6a71a;transition: 0.5s;}

    .dh33-a41:hover >div:nth-child(2){opacity: 1;transition: 0.5s;}

    .dh33-a5{width: calc(960px*248/1680);height: 100%;position: absolute;left: 100%;top: 0;padding-top: calc(960px*80/1680);opacity: 0;z-index: -1;opacity: 0;z-index: -1;transition: 0.5s;}

    .dh33-a41:hover .dh33-a5{opacity: 1;z-index: 1;transition: 0.5s;}

    .dh33-a51{width: 100%;padding-left: calc(960px*85/1680);display: flex;align-items: center;width: 100%;margin-bottom: calc(960px*42/1680);cursor: pointer;}

    .dh33-a51{font-size: calc(960px*16/1680);line-height: 16px;color:#333333;font-weight: normal;transition: 0.5s;}

    .dh33-a51:hover{color: #f6a71a;transition: 0.5s;}

    .dh6{display: none;}

    .ydh{display: none;}

}

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

    .dh{width: 100%;height: 1rem;background: rgba(0, 0, 0, 0.08);position: fixed;top: 0;left: 0;z-index: 9;transition: 0.5s;}

    .dh1{height: 0.67rem;position: absolute;left: 0.3rem;top: calc(50% - 0.67rem/2);}

    .dh2{width: 0.6rem;height: 0.6rem;position: absolute;right: 1.2rem;top: calc(50% - 0.6rem/2);border: 0.01rem solid #fff;border-radius: 50%;cursor: pointer;}

    .dh2>img{width: 0.21rem;height: 0.21rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .dh2>img:nth-child(1){opacity: 1;}

    .dh2>img:nth-child(2){opacity: 0;}

    .dh.on{background: #fff;transition: 0.5s;}

    .dh3{display: none;}

    .dh4{display: none;}

    .dh5{display: none;}

    .dh6{height: 0.37rem;position: absolute;right: 0.3rem;top: calc(50% - 0.37rem/2);}

    .dh6>img:nth-child(1){display: block;}

    .dh6>img:nth-child(2){display: none;}

    .dh.on .dh6>img:nth-child(1){display: none;}

    .dh.on .dh6>img:nth-child(2){display: block;}

    .dh.on .dh2{border: 0.01rem solid #ededed;}

    .dh.on .dh2>img:nth-child(1){opacity: 0;}

    .dh.on .dh2>img:nth-child(2){opacity: 1;}

    .ydh{display: none;}

    .ydh{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #fff;z-index: 99;}

    .dh-a{width: 100%;height:1rem;position: fixed;top: 0;left: 0;z-index: 10;}

    .dh-a1{width: 100%;height: 100%;position: relative;}

    .dh-a2{position: absolute;height: 0.67rem;left: 0.3rem;top: calc(1rem/2 - 0.67rem/2);}

    .dh-a21{height: 0.67rem;float: left;}

    .dh-a3{position: absolute;height:1rem;right: 0.3rem;top: 0;overflow: hidden;}

    .dh-a31{height: 0.37rem;margin-top: calc(1rem/2 - 0.37rem/2);float: right}

    .ydh .dh-a{position: relative;top: auto;left: auto;}

    .ydh .dh-a{background: #fff;}

    .ydh2-a1{width: 100%;}

    .ydh2-a2{width: 100%;}

    .ydh2-a3{width: 100%;height: 1.24rem;border-bottom: 0.01rem solid #eeeeee;position: relative;}

    .ydh2-a31{width: 100%;height: 100%;text-align: center;line-height: 1.24rem;font-size: 0.32rem;}

    .ydh2-a32{width: 0.23rem;height: 0.13rem;position: absolute;right: 0.45rem;top: calc(1.24rem/2 - 0.13rem/2);}

}



/* 首页 */

@media only screen and (min-width: 1720px) {

    .ind1{width: 100%;height: 0;padding-bottom: calc(100%*940/1920);position: relative;overflow: hidden;}

    .ind1-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .ind1-i{width: 100%;height: 100%;}

    .ind1-i>img{width: 100%;animation: 5s trans linear infinite;}

    @keyframes trans {0%{transform: scale(1);}50%{transform: scale(1.08);}100%{transform: scale(1);}}

    .ind1-a{width: 540px;height: 120px;background: #f6a71a;border-top-left-radius: 150px;position: absolute;right: 0;bottom: 0;z-index: 2;}

    .ind1-a1{font-size: 18px;line-height: 18px;color: #fff;position: absolute;top: 32px;left: 180px;}

    .ind1-a2{position: absolute;left: 130px;top: 58px;display: flex;align-items: center;}

    .ind1-a2>div:nth-child(1){width: 30px;height: 30px;margin-right: 20px;}

    .ind1-a2>div:nth-child(2){font-size: 32px;line-height: 32px;color: #fff;font-family: 'Bronova';}

    .ind1-prev{width: 12px;height: 20px;position: absolute;top: auto;bottom: 55px;left: calc(50% - 1680px/2 + 184px);background: url(../img/a11.png) no-repeat;z-index: 2;}

    .ind1-next{width: 12px;height: 20px;position: absolute;top: auto;bottom: 55px;left: calc(50% - 1680px/2 + 226px);right: auto;background: url(../img/a12.png) no-repeat;z-index: 2;}

    .swiper-button-next:after, .swiper-button-prev:after{content: none;}

    .swiper-button-next, .swiper-button-prev{outline: none;}

    .ind1-pag{width: max-content !important;position: absolute;bottom: 54px !important;left: calc(50% - 1680px/2) !important;}

    .swiper-pagination-bullet{background: rgba(0, 0, 0, 0);color: #fff;font-size: 24px;line-height: 24px;margin-right: 30px !important;font-weight: bold;outline: none;}

    .ind1-pag .swiper-pagination-bullet:last-child{margin-right: 0;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ind1{width: 100%;height: 0;padding-bottom: calc(100%*940/1920);position: relative;overflow: hidden;}

    .ind1-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .ind1-i{width: 100%;height: 100%;}

    .ind1-i>img{width: 100%;animation: 5s trans linear infinite;}

    @keyframes trans {0%{transform: scale(1);}50%{transform: scale(1.08);}100%{transform: scale(1);}}

    .ind1-a{width: calc(1400px*540/1680);height: calc(1400px*120/1680);background: #f6a71a;border-top-left-radius: 150px;position: absolute;right: 0;bottom: 0;z-index: 2;}

    .ind1-a1{font-size: calc(1400px*18/1680);line-height: calc(1400px*18/1680);color: #fff;position: absolute;top: calc(1400px*32/1680);left: calc(1400px*180/1680);}

    .ind1-a2{position: absolute;left: calc(1400px*130/1680);top: calc(1400px*58/1680);display: flex;align-items: center;}

    .ind1-a2>div:nth-child(1){width: calc(1400px*30/1680);height: calc(1400px*30/1680);margin-right: calc(1400px*20/1680);}

    .ind1-a2>div:nth-child(2){font-size: calc(1400px*32/1680);line-height: calc(1400px*32/1680);color: #fff;font-family: 'Bronova';}

    .ind1-prev{width: calc(1400px*12/1680);height: calc(1400px*20/1680);position: absolute;top: auto;bottom: calc(1400px*55/1680);left: calc(50% - 1400px/2 + (1400px*184/1680));background: url(../img/a11.png) no-repeat;background-size: 100% 100%; z-index: 2;}

    .ind1-next{width: calc(1400px*12/1680);height: calc(1400px*20/1680);position: absolute;top: auto;bottom: calc(1400px*55/1680);left: calc(50% - 1400px/2 + (1400px*226/1680));right: auto;background: url(../img/a12.png) no-repeat;background-size: 100% 100%;z-index: 2;}

    .swiper-button-next:after, .swiper-button-prev:after{content: none;}

    .swiper-button-next, .swiper-button-prev{outline: none;}

    .ind1-pag{width: max-content !important;position: absolute;bottom: 54px !important;left: calc(50% - 1400px/2) !important;}

    .swiper-pagination-bullet{background: rgba(0, 0, 0, 0);color: #fff;font-size: calc(1400px*24/1680);line-height: calc(1400px*24/1680);margin-right: calc(1400px*30/1680) !important;font-weight: bold;outline: none;}

    .ind1-pag .swiper-pagination-bullet:last-child{margin-right: 0;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ind1{width: 100%;height: 0;padding-bottom: calc(100%*940/1920);position: relative;overflow: hidden;}

    .ind1-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .ind1-i{width: 100%;height: 100%;}

    .ind1-i>img{width: 100%;animation: 5s trans linear infinite;}

    @keyframes trans {0%{transform: scale(1);}50%{transform: scale(1.08);}100%{transform: scale(1);}}

    .ind1-a{width: calc(960px*540/1680);height: calc(960px*120/1680);background: #f6a71a;border-top-left-radius: 150px;position: absolute;right: 0;bottom: 0;z-index: 2;}

    .ind1-a1{font-size: calc(960px*18/1680);line-height: calc(960px*18/1680);color: #fff;position: absolute;top: calc(960px*32/1680);left: calc(960px*180/1680);}

    .ind1-a2{position: absolute;left: calc(960px*130/1680);top: calc(960px*58/1680);display: flex;align-items: center;}

    .ind1-a2>div:nth-child(1){width: calc(960px*30/1680);height: calc(960px*30/1680);margin-right: calc(960px*20/1680);}

    .ind1-a2>div:nth-child(2){font-size: calc(960px*32/1680);line-height: calc(960px*32/1680);color: #fff;font-family: 'Bronova';}

    .ind1-prev{width: calc(960px*12/1680);height: calc(960px*20/1680);position: absolute;top: auto;bottom: calc(960px*55/1680);left: calc(50% - 960px/2 + (960px*184/1680));background: url(../img/a11.png) no-repeat;background-size: 100% 100%; z-index: 2;}

    .ind1-next{width: calc(960px*12/1680);height: calc(960px*20/1680);position: absolute;top: auto;bottom: calc(960px*55/1680);left: calc(50% - 960px/2 + (960px*226/1680));right: auto;background: url(../img/a12.png) no-repeat;background-size: 100% 100%;z-index: 2;}

    .swiper-button-next:after, .swiper-button-prev:after{content: none;}

    .swiper-button-next, .swiper-button-prev{outline: none;}

    .ind1-pag{width: max-content !important;position: absolute;bottom: 54px !important;left: calc(50% - 960px/2) !important;}

    .swiper-pagination-bullet{background: rgba(0, 0, 0, 0);color: #fff;font-size: calc(960px*24/1680);line-height: calc(960px*24/1680);margin-right: calc(960px*30/1680) !important;font-weight: bold;outline: none;}

    .ind1-pag .swiper-pagination-bullet:last-child{margin-right: 0;}

}

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

    .ind1{width: 100%;height: 0;padding-bottom: calc(100%*940/1920);position: relative;overflow: hidden;}

    .ind1-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .ind1-i{width: 100%;height: 100%;}

    .ind1-i>img{width: 100%;animation: 5s trans linear infinite;}

    @keyframes trans {0%{transform: scale(1);}50%{transform: scale(1.08);}100%{transform: scale(1);}}

    .ind1-a{width: 4.4rem;height: 1.2rem;background: #f6a71a;border-top-left-radius: 1.5rem;position: absolute;right: 0;bottom: 0;z-index: 2;}

    .ind1-a1{width: 100%;font-size: 0.22rem;line-height: 0.22rem;color: #fff;position: absolute;top: 0.32rem;left:0;text-align: center;}

    .ind1-a2{width: 100%;position: absolute;left: 0;top: 0.62rem;display: flex;align-items: center;justify-content: center;}

    .ind1-a2>div:nth-child(1){width: 0.3rem;height: 0.3rem;margin-right: 0.2rem;}

    .ind1-a2>div:nth-child(2){font-size: 0.32rem;line-height: 0.32rem;color: #fff;font-family: 'Bronova';}

    .ind1-prev{width: 0.2rem;height: 0.38rem;position: absolute;top: auto;bottom: 0.55rem;left: 0.3rem;background: url(../img/a11.png) no-repeat;background-size: 100% 100%; z-index: 2;}

    .ind1-next{width: 0.2rem;height: 0.38rem;position: absolute;top: auto;bottom: 0.55rem;left: 0.7rem;right: auto;background: url(../img/a12.png) no-repeat;background-size: 100% 100%; z-index: 2;}

    .swiper-button-next:after, .swiper-button-prev:after{content: none;}

    .swiper-button-next, .swiper-button-prev{outline: none;}

    .ind1-pag{width: max-content !important;position: absolute;bottom: 0.48rem !important;left: 1rem !important;}

    .swiper-pagination-bullet{background: rgba(0, 0, 0, 0);color: #fff;font-size: 0.36rem;line-height: 0.36rem;margin-right: 0.3rem !important;font-weight: bold;outline: none;}

    .ind1-pag .swiper-pagination-bullet:last-child{margin-right: 0;}

}

/* 首页二 */

@media only screen and (min-width: 1720px) {

    .ind2{width: 100%;padding-top: 100px;}

    .ind2-t{width: 1680px;margin: 0 auto;position: relative;}

    .ind2-t1{display: flex;align-items: center;}

    .ind2-t1>div:nth-child(1){width: 6px;height: 47px;background: #f6a71a;margin-right: 30px;}

    .ind2-t1>div:nth-child(2){font-size: 40px;line-height: 40px;font-weight: bold;}

    .ind2-t2{font-size: 20px;line-height: 20px;color: #b2b2b2;margin-top: 42px;text-transform: uppercase;}

    .ind2-btn{width: 210px;height: 70px;border-radius: 50px;border: 1px solid #cacaca;position: absolute;top: calc(50% - 70px/2);right: 0;padding: 0 30px;font-size: 16px;line-height: 68px;color: #666666;}

    .ind2-btn>div{width: 48px;height: 48px;border-radius: 50%;background: #f6a71a;position: absolute;right: 30px;top: calc(50% - 48px/2);}

    .ind2-btn>div>img{width: 20px;height: 20px;position: absolute;right: 0;top: 0;bottom: 0;left: 0;margin: auto;}

    .ind2-btn:hover >div{transform: rotate(360deg);transition: 0.5s;}

    .ind2-a{width: 100%;position: relative;overflow: hidden;margin-top: 60px;}

    .ind2-back{width: 100%;height: 100%;background: #f4f8fb;position: absolute;left: calc(50% - 1680px/2);}

    .ind2-all{width: 100%;height: 500px;position: relative;}

    .ind2-b{width: 1680px;position: absolute;left: calc(50% - 1680px/2);top: 0;z-index: -1;opacity: 0;transition: 0.5s;}

    .ind2-b.on{z-index: 1;opacity: 1;transition: 0.5s;}

    .ind2-b1{width: 840px;height: 500px;float: left;border-top-right-radius: 120px;}

    .ind2-b1>img{width: 100%;transition: 0.5s;}

    .ind2-b1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind2-b2{width: calc(100% - 840px - 90px);float: left;margin-left: 90px;padding-top: 60px;}

    .ind2-b3{font-size: 24px;line-height: 24px;font-weight: bold;padding-bottom: 30px;border-bottom: 1px solid #eaeaea;}

    .ind2-b4{width: 100%;height: calc(500px - 114px);overflow: hidden;overflow-y: auto;padding-bottom: 40px;}

    .ind2-b4::-webkit-scrollbar{width: 2px;background: rgba(0, 0, 0, 0.3);}

    .ind2-b4::-webkit-scrollbar-thumb{width: 2px;border-radius: 20px;background: #f6a71a;}

    .ind2-b41{width: 100%;margin-top: 40px;}

    .ind2-b42{display: flex;align-items: center;}

    .ind2-b42>div:nth-child(1){width: 6px;height: 6px;border-radius: 50%;background: #f6a71a;margin-right: 10px;}

    .ind2-b42>div:nth-child(2){font-size: 16px;line-height: 16px;color: #f6a71a;font-weight: bold;}

    .ind2-b43{width: 100%;padding-left: 16px;}

    .ind2-b43>div{float: left;font-size: 16px;line-height: 16px;margin-right: 30px;margin-top: 16px;transition: 0.5s;}

    .ind2-b43>div:hover {color: #999999;transition: 0.5s;}

    .ind2-c{width: 100%;position: relative;height: 160px;}

    .ind2-swi{width: 100%;height: 100%;}

    .ind2-c1{width: 100%;height: 100%;position: relative;background: #088dfd;display: flex;align-items: center;padding-left: 68px;transition: 0.5s;}

    .ind2-c2{width: 43px;margin-right: 35px;}

    .ind2-c3>div:nth-child(1){font-size: 18px;line-height: 18px;font-weight: bold;color: #fff;}

    .ind2-c3>div:nth-child(2){font-size: 14px;line-height: 14px;color: #fff;margin-top: 20px;}

    .ind2-c4{width: 14px;height: 14px;position: absolute;right: 24px;bottom: 20px;}

    .ind2-c1:hover {background: #f6a71a;transition: 0.5s;}

    .ind2-c1:hover .ind2-c4{transform: rotate(360deg);transition: 0.5s;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ind2{width: 100%;padding-top: calc(1400px*100/1680);}

    .ind2-t{width: 1400px;margin: 0 auto;position: relative;}

    .ind2-t1{display: flex;align-items: center;}

    .ind2-t1>div:nth-child(1){width: calc(1400px*6/1680);height: calc(1400px*47/1680);background: #f6a71a;margin-right: calc(1400px*30/1680);}

    .ind2-t1>div:nth-child(2){font-size: calc(1400px*40/1680);line-height: calc(1400px*40/1680);font-weight: bold;}

    .ind2-t2{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);color: #b2b2b2;margin-top:calc(1400px*42/1680);text-transform: uppercase;}

    .ind2-btn{width: calc(1400px*210/1680);height: calc(1400px*70/1680);border-radius: 50px;border: 1px solid #cacaca;position: absolute;top: calc(50% - (1400px*70/1680)/2);right: 0;padding: 0 calc(1400px*30/1680);font-size: calc(1400px*16/1680);line-height: calc(1400px*68/1680);color: #666666;}

    .ind2-btn>div{width: calc(1400px*48/1680);height: calc(1400px*48/1680);border-radius: 50%;background: #f6a71a;position: absolute;right: calc(1400px*30/1680);top: calc(50% - (1400px*48/1680)/2);}

    .ind2-btn>div>img{width: calc(1400px*20/1680);height: calc(1400px*20/1680);position: absolute;right: 0;top: 0;bottom: 0;left: 0;margin: auto;}

    .ind2-btn:hover >div{transform: rotate(360deg);transition: 0.5s;}

    .ind2-a{width: 100%;position: relative;overflow: hidden;margin-top: calc(1400px*60/1680);}

    .ind2-back{width: 100%;height: 100%;background: #f4f8fb;position: absolute;left: calc(50% - 1400px/2);}

    .ind2-all{width: 100%;height: calc(1400px*500/1680);position: relative;}

    .ind2-b{width: 1400px;position: absolute;left: calc(50% - 1400px/2);top: 0;z-index: -1;opacity: 0;transition: 0.5s;}

    .ind2-b.on{z-index: 1;opacity: 1;transition: 0.5s;}

    .ind2-b1{width: calc(1400px*840/1680);height: calc(1400px*500/1680);float: left;border-top-right-radius: 120px;}

    .ind2-b1>img{width: 100%;transition: 0.5s;}

    .ind2-b1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind2-b2{width: calc(100% - (1400px*840/1680) - (1400px*90/1680));float: left;margin-left: calc(1400px*90/1680);padding-top: calc(1400px*60/1680);}

    .ind2-b3{font-size: calc(1400px*24/1680);line-height: calc(1400px*24/1680);font-weight: bold;padding-bottom: calc(1400px*30/1680);border-bottom: 1px solid #eaeaea;}

    .ind2-b4{width: 100%;height: calc((1400px*500/1680) - (1400px*114/1680));overflow: hidden;overflow-y: auto;padding-bottom: 40px;}

    .ind2-b4::-webkit-scrollbar{width: 2px;background: rgba(0, 0, 0, 0.3);}

    .ind2-b4::-webkit-scrollbar-thumb{width: 2px;border-radius: 20px;background: #f6a71a;}

    .ind2-b41{width: 100%;margin-top: calc(1400px*40/1680);}

    .ind2-b42{display: flex;align-items: center;}

    .ind2-b42>div:nth-child(1){width: calc(1400px*6/1680);height: calc(1400px*6/1680);border-radius: 50%;background: #f6a71a;margin-right: calc(1400px*10/1680);}

    .ind2-b42>div:nth-child(2){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #f6a71a;font-weight: bold;}

    .ind2-b43{width: 100%;padding-left: calc(1400px*16/1680);}

    .ind2-b43>div{float: left;font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);margin-right: calc(1400px*30/1680);margin-top: calc(1400px*16/1680);transition: 0.5s;}

    .ind2-b43>div:hover {color: #999999;transition: 0.5s;}

    .ind2-c{width: 100%;position: relative;height: calc(1400px*160/1680);}

    .ind2-swi{width: 100%;height: 100%;}

    .ind2-c1{width: 100%;height: 100%;position: relative;background: #088dfd;display: flex;align-items: center;padding-left: calc(1400px*68/1680);transition: 0.5s;}

    .ind2-c2{width: calc(1400px*43/1680);margin-right: calc(1400px*35/1680);}

    .ind2-c3>div:nth-child(1){font-size: calc(1400px*18/1680);line-height: calc(1400px*18/1680);font-weight: bold;color: #fff;}

    .ind2-c3>div:nth-child(2){font-size: calc(1400px*14/1680);line-height: calc(1400px*14/1680);color: #fff;margin-top: calc(1400px*20/1680);}

    .ind2-c4{width: calc(1400px*14/1680);height: calc(1400px*14/1680);position: absolute;right: calc(1400px*24/1680);bottom: calc(1400px*20/1680);}

    .ind2-c1:hover {background: #f6a71a;transition: 0.5s;}

    .ind2-c1:hover .ind2-c4{transform: rotate(360deg);transition: 0.5s;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ind2{width: 100%;padding-top: calc(960px*100/1680);}

    .ind2-t{width: 960px;margin: 0 auto;position: relative;}

    .ind2-t1{display: flex;align-items: center;}

    .ind2-t1>div:nth-child(1){width: calc(960px*6/1680);height: calc(960px*47/1680);background: #f6a71a;margin-right: calc(960px*30/1680);}

    .ind2-t1>div:nth-child(2){font-size: calc(960px*40/1680);line-height: calc(960px*40/1680);font-weight: bold;}

    .ind2-t2{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);color: #b2b2b2;margin-top:calc(960px*42/1680);text-transform: uppercase;}

    .ind2-btn{width: calc(960px*210/1680);height: calc(960px*70/1680);border-radius: 50px;border: 1px solid #cacaca;position: absolute;top: calc(50% - (960px*70/1680)/2);right: 0;padding: 0 calc(960px*30/1680);font-size: calc(960px*16/1680);line-height: calc(960px*68/1680);color: #666666;}

    .ind2-btn>div{width: calc(960px*48/1680);height: calc(960px*48/1680);border-radius: 50%;background: #f6a71a;position: absolute;right: calc(960px*30/1680);top: calc(50% - (960px*48/1680)/2);}

    .ind2-btn>div>img{width: calc(960px*20/1680);height: calc(960px*20/1680);position: absolute;right: 0;top: 0;bottom: 0;left: 0;margin: auto;}

    .ind2-btn:hover >div{transform: rotate(360deg);transition: 0.5s;}

    .ind2-a{width: 100%;position: relative;overflow: hidden;margin-top: calc(960px*60/1680);}

    .ind2-back{width: 100%;height: 100%;background: #f4f8fb;position: absolute;left: calc(50% - 960px/2);}

    .ind2-all{width: 100%;height: calc(960px*500/1680);position: relative;}

    .ind2-b{width: 960px;position: absolute;left: calc(50% - 960px/2);top: 0;z-index: -1;opacity: 0;transition: 0.5s;}

    .ind2-b.on{z-index: 1;opacity: 1;transition: 0.5s;}

    .ind2-b1{width: calc(960px*840/1680);height: calc(960px*500/1680);float: left;border-top-right-radius: 120px;}

    .ind2-b1>img{width: 100%;transition: 0.5s;}

    .ind2-b1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind2-b2{width: calc(100% - (960px*840/1680) - (960px*90/1680));float: left;margin-left: calc(960px*90/1680);padding-top: calc(960px*60/1680);}

    .ind2-b3{font-size: calc(960px*24/1680);line-height: calc(960px*24/1680);font-weight: bold;padding-bottom: calc(960px*30/1680);border-bottom: 1px solid #eaeaea;}

    .ind2-b4{width: 100%;height: calc((960px*500/1680) - (960px*114/1680));overflow: hidden;overflow-y: auto;padding-bottom: 40px;}

    .ind2-b4::-webkit-scrollbar{width: 2px;background: rgba(0, 0, 0, 0.3);}

    .ind2-b4::-webkit-scrollbar-thumb{width: 2px;border-radius: 20px;background: #f6a71a;}

    .ind2-b41{width: 100%;margin-top: calc(960px*40/1680);}

    .ind2-b42{display: flex;align-items: center;}

    .ind2-b42>div:nth-child(1){width: calc(960px*6/1680);height: calc(960px*6/1680);border-radius: 50%;background: #f6a71a;margin-right: calc(960px*10/1680);}

    .ind2-b42>div:nth-child(2){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #f6a71a;font-weight: bold;}

    .ind2-b43{width: 100%;padding-left: calc(960px*16/1680);}

    .ind2-b43>div{float: left;font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);margin-right: calc(960px*30/1680);margin-top: calc(960px*16/1680);transition: 0.5s;}

    .ind2-b43>div:hover {color: #999999;transition: 0.5s;}

    .ind2-c{width: 100%;position: relative;height: calc(960px*160/1680);}

    .ind2-swi{width: 100%;height: 100%;}

    .ind2-c1{width: 100%;height: 100%;position: relative;background: #088dfd;display: flex;align-items: center;padding-left: calc(960px*68/1680);transition: 0.5s;}

    .ind2-c2{width: calc(960px*43/1680);margin-right: calc(960px*35/1680);}

    .ind2-c3>div:nth-child(1){font-size: calc(960px*18/1680);line-height: calc(960px*18/1680);font-weight: bold;color: #fff;}

    .ind2-c3>div:nth-child(2){font-size: calc(960px*14/1680);line-height: calc(960px*14/1680);color: #fff;margin-top: calc(960px*20/1680);}

    .ind2-c4{width: calc(960px*14/1680);height: calc(960px*14/1680);position: absolute;right: calc(960px*24/1680);bottom: calc(960px*20/1680);}

    .ind2-c1:hover {background: #f6a71a;transition: 0.5s;}

    .ind2-c1:hover .ind2-c4{transform: rotate(360deg);transition: 0.5s;}

}

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

    .ind2{width: 100%;padding-top: 0.8rem;}

    .ind2-t{width: calc(100% - 0.3rem*2);margin: 0 auto;position: relative;}

    .ind2-t1{display: flex;align-items: center;}

    .ind2-t1>div:nth-child(1){width: 0.06rem;height: 0.47rem;background: #f6a71a;margin-right: 0.3rem;}

    .ind2-t1>div:nth-child(2){font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;}

    .ind2-t2{font-size: 0.24rem;line-height: 0.24rem;color: #b2b2b2;margin-top: 0.42rem;text-transform: uppercase;}

    .ind2-btn{width: 2.1rem;height: 0.7rem;border-radius: 0.5rem;border: 0.01rem solid #cacaca;position: absolute;top: calc(50% - 0.7rem/2);right: 0;padding: 0 0.2rem;font-size:0.2rem;line-height: 0.68rem;color: #666666;}

    .ind2-btn>div{width: 0.48rem;height: 0.48rem;border-radius: 50%;background: #f6a71a;position: absolute;right: 0.2rem;top: calc(50% - 0.48rem/2);}

    .ind2-btn>div>img{width: 0.2rem;height: 0.2rem;position: absolute;right: 0;top: 0;bottom: 0;left: 0;margin: auto;}

    .ind2-btn:hover >div{transform: rotate(360deg);transition: 0.5s;}

    .ind2-a{width: 100%;position: relative;overflow: hidden;margin-top: 60px;}

    .ind2-back{width: 100%;height: 100%;background: #f4f8fb;position: absolute;left: 0;}

    .ind2-all{width: 100%;}

    .ind2-b{width: calc(100% - 0.3rem*2);margin: 0 auto;position: relative;display: none;}

    .ind2-b.on{display: block;}

    .ind2-b1{width: 100%;border-top-right-radius: 1.2rem;}

    .ind2-b1>img{width: 100%;height: auto;transition: 0.5s;}

    .ind2-b1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind2-b2{width: 100%;padding-top: 0.6rem;}

    .ind2-b3{font-size: 0.3rem;line-height: 0.3rem;font-weight: bold;padding-bottom: 0.3rem;border-bottom: 0.01rem solid #eaeaea;}

    .ind2-b4{width: 100%;}

    .ind2-b41{width: 100%;margin-top: 0.4rem;}

    .ind2-b42{display: flex;align-items: center;}

    .ind2-b42>div:nth-child(1){width: 0.06rem;height: 0.06rem;border-radius: 50%;background: #f6a71a;margin-right: 0.1rem;}

    .ind2-b42>div:nth-child(2){font-size: 0.24rem;line-height: 0.24rem;color: #f6a71a;font-weight: bold;}

    .ind2-b43{width: 100%;padding-left: 0.16rem;}

    .ind2-b43>div{float: left;font-size: 0.24rem;line-height: 0.24rem;margin-right: 0.3rem;margin-top: 0.22rem;transition: 0.5s;}

    .ind2-b43>div:hover {color: #999999;transition: 0.5s;}

    .ind2-c{width: 100%;position: relative;height: 1.6rem;margin-top: 0.22rem;}

    .ind2-swi{width: 100%;height: 100%;}

    .ind2-c1{width: 100%;height: 100%;position: relative;background: #088dfd;display: flex;align-items: center;padding-left: 0.4rem;transition: 0.5s;}

    .ind2-c2{width: 0.55rem;margin-right: 0.3rem;}

    .ind2-c3>div:nth-child(1){font-size: 0.24rem;line-height: 0.24rem;font-weight: bold;color: #fff;}

    .ind2-c3>div:nth-child(2){font-size: 0.2rem;line-height: 0.2rem;color: #fff;margin-top: 0.2rem;display: none;}

    .ind2-c4{width: 0.14rem;height: 0.14rem;position: absolute;right: 0.24rem;bottom: 0.28rem;}

    .ind2-c1:hover {background: #f6a71a;transition: 0.5s;}

    .ind2-c1:hover .ind2-c4{transform: rotate(360deg);transition: 0.5s;}

}

/* 首页三 */

@media only screen and (min-width: 1720px) {

    .ind3{width: 100%;padding-top: 120px;position: relative;}

    .ind3-a{width: 1680px;margin: 0 auto;margin-top: 60px;position: relative;z-index: 2;}

    .ind3-a1{width: 100%;height: 640px;float: left;position: relative;overflow: hidden;}

    .ind3-a1>img{position: absolute;left: 0;top: 0;transform: scale(1);transition: 0.5s;}

    .ind3-a2{font-size: 24px;line-height: 24px;color: #fff;font-weight: bold;text-align: center;width: 100%;position: absolute;left: 0;top: 90px;}

    .ind3-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind3-a3{width: 280px;height: 80px;border-top-left-radius: 150px;background: #f6a71a;position: absolute;right: -100%;bottom: 0;padding: 0 20px 0 60px;display: flex;justify-content: space-between;align-items: center;transition: 0.5s;}

    .ind3-a1:hover .ind3-a3{right: 0;transition: 0.5s;}

    .ind3-a3>div:nth-child(1){font-size: 16px;line-height: 16px;color: #fff;}

    .ind3-a3>div:nth-child(2){width: 14px;height: 14px;}

    .ind3-back{width: 100%;height: 180px;position: absolute;bottom: 0;left: 0;background: #f8f8f8;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ind3{width: 100%;padding-top: calc(1400px*120/1680);position: relative;}

    .ind3-a{width: 1400px;margin: 0 auto;margin-top: calc(1400px*60/1680);position: relative;z-index: 2;}

    .ind3-a1{width: 100%;height: calc(1400px*640/1680);position: relative;overflow: hidden;}

    .ind3-a1>img{position: absolute;left: 0;top: 0;transform: scale(1);transition: 0.5s;}

    .ind3-a2{font-size: calc(1400px*24/1680);line-height: calc(1400px*24/1680);color: #fff;font-weight: bold;text-align: center;width: 100%;position: absolute;left: 0;top:calc(1400px*90/1680);}

    .ind3-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind3-a3{width: calc(1400px*280/1680);height: calc(1400px*80/1680);border-top-left-radius: 150px;background: #f6a71a;position: absolute;right: -100%;bottom: 0;padding: 0 calc(1400px*20/1680) 0 calc(1400px*60/1680);display: flex;justify-content: space-between;align-items: center;transition: 0.5s;}

    .ind3-a1:hover .ind3-a3{right: 0;transition: 0.5s;}

    .ind3-a3>div:nth-child(1){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #fff;}

    .ind3-a3>div:nth-child(2){width: calc(1400px*14/1680);height: calc(1400px*14/1680);}

    .ind3-back{width: 100%;height: calc(1400px*180/1680);position: absolute;bottom: 0;left: 0;background: #f8f8f8;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ind3{width: 100%;padding-top: calc(960px*120/1680);position: relative;}

    .ind3-a{width: 960px;margin: 0 auto;margin-top: calc(960px*60/1680);position: relative;z-index: 2;}

    .ind3-a1{width: 100%;height: calc(960px*640/1680);position: relative;overflow: hidden;}

    .ind3-a1>img{position: absolute;left: 0;top: 0;transform: scale(1);transition: 0.5s;}

    .ind3-a2{font-size: calc(960px*24/1680);line-height: calc(960px*24/1680);color: #fff;font-weight: bold;text-align: center;width: 100%;position: absolute;left: 0;top:calc(960px*90/1680);}

    .ind3-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind3-a3{width: calc(960px*280/1680);height: calc(960px*80/1680);border-top-left-radius: 150px;background: #f6a71a;position: absolute;right: -100%;bottom: 0;padding: 0 calc(960px*20/1680) 0 calc(960px*60/1680);display: flex;justify-content: space-between;align-items: center;transition: 0.5s;}

    .ind3-a1:hover .ind3-a3{right: 0;transition: 0.5s;}

    .ind3-a3>div:nth-child(1){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #fff;}

    .ind3-a3>div:nth-child(2){width: calc(960px*14/1680);height: calc(960px*14/1680);}

    .ind3-back{width: 100%;height: calc(960px*180/1680);position: absolute;bottom: 0;left: 0;background: #f8f8f8;}

}

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

    .ind3{width: 100%;padding-top: 0.8rem;position: relative;}

    .ind3-a{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.6rem;position: relative;z-index: 2;}

    .ind3-a1{width: 100%;height: 6.4rem;position: relative;margin-bottom: 0.15rem;overflow: hidden;}

    .ind3-a1>img{position: absolute;left: 0;top: 0;transform: scale(1);transition: 0.5s;}

    .ind3-a2{font-size: 0.3rem;line-height: 0.3rem;color: #fff;font-weight: bold;text-align: center;width: 100%;position: absolute;left: 0;top: 0.9rem;}

    .ind3-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind3-a3{width: 2.8rem;height: 0.8rem;border-top-left-radius: 1.5rem;background: #f6a71a;position: absolute;right: -100%;bottom: 0;padding: 0 0.2rem 0 0.6rem;display: flex;justify-content: space-between;align-items: center;transition: 0.5s;}

    .ind3-a1:hover .ind3-a3{right: 0;transition: 0.5s;}

    .ind3-a3>div:nth-child(1){font-size: 0.22rem;line-height: 0.22rem;color: #fff;}

    .ind3-a3>div:nth-child(2){width: 0.2rem;height: 0.2rem;}

    .ind3-back{width: 100%;height: 1.8rem;position: absolute;bottom: 0;left: 0;background: #f8f8f8;}

}

/* 首页四 */

@media only screen and (min-width: 1720px) {

    .ind4{width: 100%;padding-top: 120px;background: #f8f8f8;position: relative;}

    .ind4-text{height: 204px;position: absolute;right: 0;top: 83px;}

    .ind4-a{width: 50%;float: left;position: relative;}

    .ind4-a1{width: 100%;transition: 0.5s;}

    .ind4-a1>img{width: 100%;transition: 0.5s;}

    .ind4-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind4-a2{width: 300px;height: 280px;position: absolute;right: -60px;bottom: -40px;background: url(../img/a23.png) no-repeat;padding: 60px 60px 90px 60px;}

    .ind4-a2>div{font-size: 36px;line-height: 36px;color: #fff;font-weight: bold;float: left;margin-right: 33px;margin-top: 31px;}

    .ind4-a2>div:nth-child(2n){margin-right: 0;}

    .ind4-b{width: 50%;float: left;position: relative;padding: calc(100%*125/1920) 0 0 calc(100%*140/1920);}

    .ind4-b>.ind2-t{width: 100%;}

    .ind4-c{font-size: 16px;line-height: 32px;color: #666666;margin-top: 70px;}

    .ind4-c p{font-size: 16px !important;line-height: 32px !important;}

    .ind4-c span{font-size: 16px !important;line-height: 32px !important;}

    .ind4-d{position: relative;right: auto;bottom: auto;margin-top: 94px;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ind4{width: 100%;padding-top: calc(1400px*120/1680);background: #f8f8f8;position: relative;}

    .ind4-text{height: calc(1400px*204/1680);position: absolute;right: 0;top: calc(1400px*83/1680);}

    .ind4-a{width: 50%;float: left;position: relative;}

    .ind4-a1{width: 100%;transition: 0.5s;}

    .ind4-a1>img{width: 100%;transition: 0.5s;}

    .ind4-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind4-a2{width: calc(1400px*300/1680);height:calc(1400px*280/1680);position: absolute;right:calc(1400px*-60/1680);bottom:calc(1400px*-40/1680);background: url(../img/a23.png) no-repeat;padding: calc(1400px*60/1680) calc(1400px*60/1680) calc(1400px*90/1680) calc(1400px*60/1680);}

    .ind4-a2>div{font-size: calc(1400px*36/1680);line-height: calc(1400px*36/1680);color: #fff;font-weight: bold;float: left;margin-right: calc(1400px*33/1680);margin-top: calc(1400px*31/1680);}

    .ind4-a2>div:nth-child(2n){margin-right: 0;}

    .ind4-b{width: 50%;float: left;position: relative;padding: calc(100%*125/1920) 0 0 calc(100%*140/1920);}

    .ind4-b>.ind2-t{width: 100%;}

    .ind4-c{font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);color: #666666;margin-top: calc(1400px*70/1680);}

    .ind4-c p{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

    .ind4-c span{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

    .ind4-d{position: relative;right: auto;bottom: auto;margin-top: calc(1400px*94/1680);}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ind4{width: 100%;padding-top: calc(960px*120/1680);background: #f8f8f8;position: relative;}

    .ind4-text{height: calc(960px*204/1680);position: absolute;right: 0;top: calc(960px*83/1680);}

    .ind4-a{width: 50%;float: left;position: relative;}

    .ind4-a1{width: 100%;transition: 0.5s;}

    .ind4-a1>img{width: 100%;transition: 0.5s;}

    .ind4-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind4-a2{width: calc(960px*300/1680);height:calc(960px*280/1680);position: absolute;right:calc(960px*-60/1680);bottom:calc(960px*-40/1680);background: url(../img/a23.png) no-repeat;padding: calc(960px*60/1680) calc(960px*60/1680) calc(960px*90/1680) calc(960px*60/1680);}

    .ind4-a2>div{font-size: calc(960px*36/1680);line-height: calc(960px*36/1680);color: #fff;font-weight: bold;float: left;margin-right: calc(960px*33/1680);margin-top: calc(960px*31/1680);}

    .ind4-a2>div:nth-child(2n){margin-right: 0;}

    .ind4-b{width: 50%;float: left;position: relative;padding: calc(100%*125/1920) 0 0 calc(100%*140/1920);}

    .ind4-b>.ind2-t{width: 100%;}

    .ind4-c{font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);color: #666666;margin-top: calc(960px*70/1680);}

    .ind4-c p{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .ind4-c span{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .ind4-d{position: relative;right: auto;bottom: auto;margin-top: calc(960px*94/1680);}

}

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

    .ind4{width: 100%;padding-top: 0.8rem;background: #f8f8f8;position: relative;}

    .ind4-text{height: 2.04rem;position: absolute;right: 0;top: 0.83rem;}

    .ind4-a{width: 100%;position: relative;}

    .ind4-a1{width: 100%;transition: 0.5s;}

    .ind4-a1>img{width: 100%;transition: 0.5s;}

    .ind4-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ind4-a2{width: 3rem;height: 2.8rem;position: absolute;right: 0;bottom: -1.4rem;background: url(../img/a23.png) no-repeat;background-size: 100% 100%;padding: 0.6rem 0.6rem 0.9rem 0.6rem;}

    .ind4-a2>div{font-size: 0.36rem;line-height: 0.36rem;color: #fff;font-weight: bold;float: left;margin-right: 0.33rem;margin-top: 0.31rem;}

    .ind4-a2>div:nth-child(2n){margin-right: 0;}

    .ind4-b{width: 100%;position: relative;padding: 1.4rem 0.3rem 0.6rem 0.3rem;}

    .ind4-b>.ind2-t{width: 100%;}

    .ind4-c{font-size: 0.22rem;line-height: 0.4rem;color: #666666;margin-top: 0.7rem;}

    .ind4-c p{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .ind4-c span{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .ind4-d{position: relative;right: auto;bottom: auto;margin-top: 0.94rem;}

}

/* 首页五 */

@media only screen and (min-width: 1720px) {

    .ind5{width: 100%;height: 318px;border-bottom: 1px solid #eaeaea;}

    .ind5-a{width: 1680px;margin: 0 auto;height: 100%;position: relative;padding: 0 120px;}

    .ind5-swi{width: 100%;height: 100%;}

    .ind5-i{width: 100%;height: 100%;position: relative;}

    .ind5-i>img{width: 190px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev,.ind5-next{width: 80px;height: 80px;position: absolute;left: 0;top: calc(50% - 80px/2);margin: 0;border: 1px solid #cacaca;border-radius: 50%;}

    .ind5-prev>img,.ind5-next>img{width: 20px;height: 39px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev>img:nth-child(2),.ind5-next>img:nth-child(2){opacity: 0;}

    .ind5-next{left: auto;right: 0;}

    .ind5-next:hover,.ind5-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

    .ind5-prev:hover >img:nth-child(1),.ind5-next:hover >img:nth-child(1){opacity: 0;}

    .ind5-prev:hover >img:nth-child(2),.ind5-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ind5{width: 100%;height: calc(1400px*318/1680);border-bottom: 1px solid #eaeaea;}

    .ind5-a{width: 1400px;margin: 0 auto;height: 100%;position: relative;padding: 0 calc(1400px*120/1680);}

    .ind5-swi{width: 100%;height: 100%;}

    .ind5-i{width: 100%;height: 100%;position: relative;}

    .ind5-i>img{width: calc(1400px*190/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev,.ind5-next{width: calc(1400px*80/1680);height: calc(1400px*80/1680);position: absolute;left: 0;top: calc(50% - (1400px*80/1680)/2);margin: 0;border: 1px solid #cacaca;border-radius: 50%;}

    .ind5-prev>img,.ind5-next>img{width: calc(1400px*20/1680);height: calc(1400px*39/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev>img:nth-child(2),.ind5-next>img:nth-child(2){opacity: 0;}

    .ind5-next{left: auto;right: 0;}

    .ind5-next:hover,.ind5-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

    .ind5-prev:hover >img:nth-child(1),.ind5-next:hover >img:nth-child(1){opacity: 0;}

    .ind5-prev:hover >img:nth-child(2),.ind5-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ind5{width: 100%;height: calc(960px*318/1680);border-bottom: 1px solid #eaeaea;}

    .ind5-a{width: 960px;margin: 0 auto;height: 100%;position: relative;padding: 0 calc(960px*120/1680);}

    .ind5-swi{width: 100%;height: 100%;}

    .ind5-i{width: 100%;height: 100%;position: relative;}

    .ind5-i>img{width: calc(960px*190/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev,.ind5-next{width: calc(960px*80/1680);height: calc(960px*80/1680);position: absolute;left: 0;top: calc(50% - (960px*80/1680)/2);margin: 0;border: 1px solid #cacaca;border-radius: 50%;}

    .ind5-prev>img,.ind5-next>img{width: calc(960px*20/1680);height: calc(960px*39/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev>img:nth-child(2),.ind5-next>img:nth-child(2){opacity: 0;}

    .ind5-next{left: auto;right: 0;}

    .ind5-next:hover,.ind5-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

    .ind5-prev:hover >img:nth-child(1),.ind5-next:hover >img:nth-child(1){opacity: 0;}

    .ind5-prev:hover >img:nth-child(2),.ind5-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

}

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

    .ind5{width: 100%;height: 3.18rem;border-bottom:0.01rem solid #eaeaea;}

    .ind5-a{width: calc(100% - 0.3rem*2);margin: 0 auto;height: 100%;position: relative;padding: 0 1.2rem;}

    .ind5-swi{width: 100%;height: 100%;}

    .ind5-i{width: 100%;height: 100%;position: relative;}

    .ind5-i>img{width: 1.9rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev,.ind5-next{width: 0.8rem;height: 0.8rem;position: absolute;left: 0;top: calc(50% - 0.8rem/2);margin: 0;border: 0.01rem solid #cacaca;border-radius: 50%;}

    .ind5-prev>img,.ind5-next>img{width: 0.2rem;height: 0.39rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ind5-prev>img:nth-child(2),.ind5-next>img:nth-child(2){opacity: 0;}

    .ind5-next{left: auto;right: 0;}

    .ind5-next:hover,.ind5-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

    .ind5-prev:hover >img:nth-child(1),.ind5-next:hover >img:nth-child(1){opacity: 0;}

    .ind5-prev:hover >img:nth-child(2),.ind5-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

}

/* 首页六 */

@media only screen and (min-width: 1720px) {

    .ind6-all{width: 100%;overflow: hidden;}

    .ind6{width: 1680px;margin: 0 auto;position: relative;padding: 120px 0;}

    .ind6-a{width: 423px;float: left;}

    .ind6-a>.ind2-t{width: 100%;}

    .ind6-btn{position: relative;bottom: auto;right: auto;margin-top: 70px;}

    .ind6-b{width: calc(100% - 423px);float: left;}

    .ind6-b1>div{font-size: 20px;line-height: 20px;float: left;margin-right: 43px;color: #000000;transition: 0.5s;}

    .ind6-b1>div:last-child{margin-right: 0;}

    .ind6-b1>div:hover{color: #f6a71a;transition: 0.5s;}

    .ind6-b1>.on{color: #f6a71a;}

    .ind6-c{width: 100%;margin-top: 60px;height: 376px;position: relative;}

    .ind6-swi{width: 1460px;height: 376px;position: absolute;left: 0;top: 0;}

    .ind6-c1{width: 100%;}

    .ind6-c2{width: 100%;height: 290px;}

    .ind6-c2>img{width: 100%;transition: 0.5s;}

    .ind6-c3{font-size: 20px;line-height: 20px;margin-top: 30px;transition: 0.5s;}

    .ind6-c4{font-size: 16px;line-height:16px;color: #bababa;margin-top: 20px;}

    .ind6-c1:hover >.ind6-c2>img{transform: scale(1.08);transition: 0.5s;}

    .ind6-c1:hover >.ind6-c3{color: #0489ff;transition: 0.5s;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ind6-all{width: 100%;overflow: hidden;}

    .ind6{width: 1400px;margin: 0 auto;position: relative;padding: calc(1400px*120/1680) 0;}

    .ind6-a{width: calc(1400px*423/1680);float: left;}

    .ind6-a>.ind2-t{width: 100%;}

    .ind6-btn{position: relative;bottom: auto;right: auto;margin-top: calc(1400px*70/1680);}

    .ind6-b{width: calc(100% - (1400px*423/1680));float: left;}

    .ind6-b1>div{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);float: left;margin-right: calc(1400px*43/1680);color: #000000;transition: 0.5s;}

    .ind6-b1>div:last-child{margin-right: 0;}

    .ind6-b1>div:hover{color: #f6a71a;transition: 0.5s;}

    .ind6-b1>.on{color: #f6a71a;}

    .ind6-c{width: 100%;margin-top: calc(1400px*60/1680);height: calc(1400px*376/1680);position: relative;}

    .ind6-swi{width: calc(1400px*1460/1680);height: calc(1400px*376/1680);position: absolute;left: 0;top: 0;}

    .ind6-c1{width: 100%;}

    .ind6-c2{width: 100%;height: calc(1400px*290/1680);}

    .ind6-c2>img{width: 100%;transition: 0.5s;}

    .ind6-c3{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);margin-top: calc(1400px*30/1680);transition: 0.5s;}

    .ind6-c4{font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #bababa;margin-top: calc(1400px*20/1680);}

    .ind6-c1:hover >.ind6-c2>img{transform: scale(1.08);transition: 0.5s;}

    .ind6-c1:hover >.ind6-c3{color: #0489ff;transition: 0.5s;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ind6-all{width: 100%;overflow: hidden;}

    .ind6{width: 960px;margin: 0 auto;position: relative;padding: calc(960px*120/1680) 0;}

    .ind6-a{width: calc(960px*423/1680);float: left;}

    .ind6-a>.ind2-t{width: 100%;}

    .ind6-btn{position: relative;bottom: auto;right: auto;margin-top: calc(960px*70/1680);}

    .ind6-b{width: calc(100% - (960px*423/1680));float: left;}

    .ind6-b1>div{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);float: left;margin-right: calc(960px*43/1680);color: #000000;transition: 0.5s;}

    .ind6-b1>div:last-child{margin-right: 0;}

    .ind6-b1>div:hover{color: #f6a71a;transition: 0.5s;}

    .ind6-b1>.on{color: #f6a71a;}

    .ind6-c{width: 100%;margin-top: calc(960px*60/1680);height: calc(960px*376/1680);position: relative;}

    .ind6-swi{width: calc(960px*1460/1680);height: calc(960px*376/1680);position: absolute;left: 0;top: 0;}

    .ind6-c1{width: 100%;}

    .ind6-c2{width: 100%;height: calc(960px*290/1680);}

    .ind6-c2>img{width: 100%;transition: 0.5s;}

    .ind6-c3{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);margin-top: calc(960px*30/1680);transition: 0.5s;}

    .ind6-c4{font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #bababa;margin-top: calc(960px*20/1680);}

    .ind6-c1:hover >.ind6-c2>img{transform: scale(1.08);transition: 0.5s;}

    .ind6-c1:hover >.ind6-c3{color: #0489ff;transition: 0.5s;}

}

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

    .ind6-all{width: 100%;overflow: hidden;}

    .ind6{width: calc(100% - 0.3rem*2);margin: 0 auto;position: relative;padding: 0.8rem 0;}

    .ind6-a{width: 100%;position: relative;}

    .ind6-a>.ind2-t{width: 100%;}

    .ind6-b{width: 100%;}

    .ind6-b1{width: 100%;display: flex;justify-content: center;margin-top: 0.4rem;}

    .ind6-b1>div{font-size: 0.26rem;line-height: 0.26rem;float: left;margin-right: 0.43rem;color: #000000;transition: 0.5s;}

    .ind6-b1>div:last-child{margin-right: 0;}

    .ind6-b1>.on{color: #f6a71a;}

    .ind6-c{width: 100%;margin-top: 0.6rem;height: 5rem;position: relative;}

    .ind6-swi{width: 100%;height: 5rem;position: absolute;left: 0;top: 0;}

    .ind6-c1{width: 100%;}

    .ind6-c2{width: 100%;height: 4rem;}

    .ind6-c2>img{width: 100%;transition: 0.5s;}

    .ind6-c3{font-size: 0.26rem;line-height: 0.26rem;margin-top: 0.3rem;transition: 0.5s;}

    .ind6-c4{font-size: 0.22rem;line-height:0.22rem;color: #bababa;margin-top: 0.2rem;}

    .ind6-c1:hover >.ind6-c2>img{transform: scale(1.08);transition: 0.5s;}

    .ind6-c1:hover >.ind6-c3{color: #0489ff;transition: 0.5s;}

}

/* 底部 */

@media only screen and (min-width: 1720px) {

    .bottom{width: 100%;position: relative;height: 150px;overflow: hidden}

    .bottom-back{width: 100%;height: 100%;border-top-right-radius: 150px;background: #f6a71a;position: absolute;right: calc(50% - 1680px/2 + 200px);top: 0;}

    .bottom-a{width: 1680px;margin: 0 auto;height: 100%;position: relative;display: flex;align-items: center;}

    .bottom-a1{font-size: 20px;line-height: 30px;color: #fff;margin-right: 184px;}

    .bottom-a1 p{font-size: 20px !important;line-height: 30px !important;}

    .bottom-a21{width: 200px;height: 50px;background: #fff;border-radius: 100px;position: relative;float: left;margin-right: 30px;}

    .bottom-a21>input{width: 100%;height: 100%;padding-left: 38px;font-size: 16px;}

    .bottom-a22{width: 150px;height: 50px;background: #1f2833;border-radius: 100px;position: relative;float: left;margin-left: 30px;font-size: 16px;line-height: 50px;text-align: center;color: #fff;}

    .bottom-a22>button{width: 100%;height: 100%;position: absolute;right: 0;top: 0;opacity: 0;}

    .bottom-a3{width: 68px;height: 68px;position: absolute;right: 0;top: calc(50% - 68px/2);}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .bottom{width: 100%;position: relative;height: calc(1400px*150/1680);overflow: hidden}

    .bottom-back{width: 100%;height: 100%;border-top-right-radius: 150px;background: #f6a71a;position: absolute;right: calc(50% - 1400px/2 + (1400px*200/1680));top: 0;}

    .bottom-a{width: 1400px;margin: 0 auto;height: 100%;position: relative;display: flex;align-items: center;}

    .bottom-a1{font-size: calc(1400px*20/1680);line-height: calc(1400px*30/1680);color: #fff;margin-right: calc(1400px*184/1680);}

    .bottom-a1 p{font-size: calc(1400px*20/1680) !important;line-height: calc(1400px*30/1680) !important;}

    .bottom-a21{width: calc(1400px*200/1680);height: calc(1400px*50/1680);background: #fff;border-radius: 100px;position: relative;float: left;margin-right: calc(1400px*30/1680);}

    .bottom-a21>input{width: 100%;height: 100%;padding-left: calc(1400px*38/1680);font-size: calc(1400px*16/1680);}

    .bottom-a22{width:calc(1400px*150/1680);height: calc(1400px*50/1680);background: #1f2833;border-radius: 100px;position: relative;float: left;margin-left: calc(1400px*30/1680);font-size: calc(1400px*16/1680);line-height: calc(1400px*50/1680);text-align: center;color: #fff;}

    .bottom-a22>button{width: 100%;height: 100%;position: absolute;right: 0;top: 0;opacity: 0;}

    .bottom-a3{width: calc(1400px*68/1680);height: calc(1400px*68/1680);position: absolute;right: 0;top: calc(50% - (1400px*68/1680)/2);}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .bottom{width: 100%;position: relative;height: calc(960px*150/1680);overflow: hidden}

    .bottom-back{width: 100%;height: 100%;border-top-right-radius: 150px;background: #f6a71a;position: absolute;right: calc(50% - 960px/2 + (960px*200/1680));top: 0;}

    .bottom-a{width: 960px;margin: 0 auto;height: 100%;position: relative;display: flex;align-items: center;}

    .bottom-a1{font-size: calc(960px*20/1680);line-height: calc(960px*30/1680);color: #fff;margin-right: calc(960px*184/1680);}

    .bottom-a1 p{font-size: calc(960px*20/1680) !important;line-height: calc(960px*30/1680) !important;}

    .bottom-a21{width: calc(960px*200/1680);height: calc(960px*50/1680);background: #fff;border-radius: 100px;position: relative;float: left;margin-right: calc(960px*30/1680);}

    .bottom-a21>input{width: 100%;height: 100%;padding-left: calc(960px*38/1680);font-size: calc(960px*16/1680);}

    .bottom-a22{width:calc(960px*150/1680);height: calc(960px*50/1680);background: #1f2833;border-radius: 100px;position: relative;float: left;margin-left: calc(960px*30/1680);font-size: calc(960px*16/1680);line-height: calc(960px*50/1680);text-align: center;color: #fff;}

    .bottom-a22>button{width: 100%;height: 100%;position: absolute;right: 0;top: 0;opacity: 0;}

    .bottom-a3{width: calc(960px*68/1680);height: calc(960px*68/1680);position: absolute;right: 0;top: calc(50% - (960px*68/1680)/2);}

}

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

    .bottom{width: 100%;position: relative;overflow: hidden;padding-bottom: 0.3rem;}

    .bottom-back{width: 100%;height: 100%;border-top-right-radius: 1.5rem;background: #f6a71a;position: absolute;right: 0;top: 0;}

    .bottom-a{width: calc(100% - 0.3rem*2);margin: 0 auto;position: relative;}

    .bottom-a1{width: calc(100% - 1rem); font-size: 0.26rem;line-height: 0.4rem;color: #fff;margin: 0.3rem 0;}

    .bottom-a1 p{font-size: 0.26rem !important;line-height: 0.4rem !important;}

    .bottom-a2{width: calc(100% - 1rem);}

    .bottom-a21{width: calc(50% - 0.2rem);height: 0.5rem;background: #fff;float: left; border-radius: 1rem;position: relative;margin-right:0.4rem;}

    .bottom-a2 > .bottom-a21:nth-child(2){margin-right: 0;}

    .bottom-a21>input{width: 100%;height: 100%;padding-left: 0.38rem;font-size: 0.22rem;}

    .bottom-a22{width: 1.5rem;height:0.5rem;background: #1f2833;float: left;margin-top: 0.2rem;border-radius: 1rem;position: relative;font-size: 0.22rem;line-height: 0.5rem;text-align: center;color: #fff;}

    .bottom-a22>button{width: 100%;height: 100%;position: absolute;right: 0;top: 0;opacity: 0;}

    .bottom-a3{width: 0.68rem;height: 0.68rem;position: absolute;right: 0rem;top: calc(50% - 0.68rem/2);display: none;}

}

/* 底部导航 */

@media only screen and (min-width: 1720px){

    .bto{width: 100%;background: url(../img/a35.jpg) no-repeat;background-size: 100% 100%;padding-top: 60px;}

    .bto-a{width: 1680px;margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: 40px;}

    .bto-a2{float: left;margin-right: 100px;}

    .bto-a1>.bto-a2:last-child{margin-right: 0;}

    .bto-a21{font-size: 18px;line-height: 18px;font-weight: bold;color: #fff;margin-bottom: 30px;}

    .bto-a22>div{font-size: 14px;line-height: 14px;color: rgba(255, 255, 255, 0.6);margin-bottom: 28px;}

    .bto-a22>div:hover {text-decoration: underline;}

    .bto-a22>div:last-child{margin-bottom: 0;}

    .bto-a31{width: 150px;height: 150px;}

    .bto-a32{font-size: 14px;line-height: 14px;color: rgba(255, 255, 255, 0.6);text-align: center;margin-top: 25px;}

    .bto-a41{display: flex;align-items: center;justify-content: flex-end;}

    .bto-a41>div:nth-child(1){width: 17px;height: 20px;float: left;margin-right: 10px;}

    .bto-a41>div:nth-child(2){font-size: 18px;line-height: 18px;color: #fff;font-weight: bold;}

    .bto-a42{margin-top: 30px;}

    .bto-a42>p{font-size: 14px !important;line-height: 14px !important;margin-bottom: 14px !important;color: #fff !important;text-align: right !important;}

    .bto-a42>p:last-child{margin-bottom: 0;}

    .bto-a43{width: 180px;margin-top: 40px;margin-left: calc(100% - 180px);}

    .bto-a431{width: 100%;height: 40px;background: rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: center;}

    .bto-a431>div:nth-child(1){width: 16px;height: 16px;margin-right: 10px;}

    .bto-a431>div:nth-child(2){font-size: 14px;line-height: 14px;color: rgba(255, 255, 255, 0.6);margin-right: 30px;}

    .bto-a431>div:nth-child(3){width: 6px;height: 4px;}

    .bto-a432{width: 100%;margin-top: 1px;}

    .bto-a432>div{width: 100%;height: 36px;background: rgba(255, 255, 255, 0.1);text-align: center;line-height: 36px;color: rgba(255, 255, 255);font-size: 14px;}

    .bto-b{width: 100%;height: 105px;border-top: 1px solid rgba(255, 255, 255, 0.1);font-size: 14px;line-height:105px;text-align: center;color: rgba(255, 255, 255, 0.5);}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .bto{width: 100%;background: url(../img/a35.jpg) no-repeat;background-size: 100% 100%;padding-top: calc(1400px*60/1680);}

    .bto-a{width: 1400px;margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: calc(1400px*40/1680);}

    .bto-a2{float: left;margin-right: calc(1400px*100/1680);}

    .bto-a1>.bto-a2:last-child{margin-right: 0;}

    .bto-a21{font-size: calc(1400px*18/1680);line-height: calc(1400px*18/1680);font-weight: bold;color: #fff;margin-bottom: calc(1400px*30/1680);}

    .bto-a22>div{font-size: calc(1400px*14/1680);line-height: calc(1400px*14/1680);color: rgba(255, 255, 255, 0.6);margin-bottom: calc(1400px*28/1680);}

    .bto-a22>div:hover {text-decoration: underline;}

    .bto-a22>div:last-child{margin-bottom: 0;}

    .bto-a31{width: calc(1400px*150/1680);height: calc(1400px*150/1680);}

    .bto-a32{font-size: calc(1400px*14/1680);line-height: calc(1400px*14/1680);color: rgba(255, 255, 255, 0.6);text-align: center;margin-top: calc(1400px*25/1680);}

    .bto-a41{display: flex;align-items: center;justify-content: flex-end;}

    .bto-a41>div:nth-child(1){width: calc(1400px*17/1680);height: calc(1400px*20/1680);float: left;margin-right: calc(1400px*10/1680);}

    .bto-a41>div:nth-child(2){font-size: calc(1400px*18/1680);line-height: calc(1400px*18/1680);color: #fff;font-weight: bold;}

    .bto-a42{margin-top: calc(1400px*30/1680);}

    .bto-a42>p{font-size: calc(1400px*14/1680) !important;line-height: calc(1400px*14/1680) !important;margin-bottom: calc(1400px*14/1680) !important;color: #fff !important;text-align: right !important;}

    .bto-a42>p:last-child{margin-bottom: 0 !important;}

    .bto-a43{width: calc(1400px*180/1680);margin-top: calc(1400px*40/1680);margin-left: calc(100% - (1400px*180/1680));}

    .bto-a431{width: 100%;height: calc(1400px*40/1680);background: rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: center;}

    .bto-a431>div:nth-child(1){width: calc(1400px*16/1680);height: calc(1400px*16/1680);margin-right: calc(1400px*10/1680);}

    .bto-a431>div:nth-child(2){font-size: calc(1400px*14/1680);line-height: calc(1400px*14/1680);color: rgba(255, 255, 255, 0.6);margin-right: calc(1400px*30/1680);}

    .bto-a431>div:nth-child(3){width: calc(1400px*6/1680);height: calc(1400px*4/1680);}

    .bto-a432{width: 100%;margin-top: 1px;}

    .bto-a432>div{width: 100%;height: calc(1400px*36/1680)x;background: rgba(255, 255, 255, 0.1);text-align: center;line-height: calc(1400px*36/1680);color: rgba(255, 255, 255);font-size: calc(1400px*14/1680);}

    .bto-b{width: 100%;height: calc(1400px*105/1680);border-top: 1px solid rgba(255, 255, 255, 0.1);font-size: calc(1400px*14/1680);line-height:calc(1400px*105/1680);text-align: center;color: rgba(255, 255, 255, 0.5);}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .bto{width: 100%;background: url(../img/a35.jpg) no-repeat;background-size: 100% 100%;padding-top: calc(960px*60/1680);}

    .bto-a{width: 960px;margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: calc(960px*40/1680);}

    .bto-a2{float: left;margin-right: calc(960px*100/1680);}

    .bto-a1>.bto-a2:last-child{margin-right: 0;}

    .bto-a21{font-size: calc(960px*18/1680);line-height: calc(960px*18/1680);font-weight: bold;color: #fff;margin-bottom: calc(960px*30/1680);}

    .bto-a22>div{font-size: calc(960px*14/1680);line-height: calc(960px*14/1680);color: rgba(255, 255, 255, 0.6);margin-bottom: calc(960px*28/1680);}

    .bto-a22>div:hover {text-decoration: underline;}

    .bto-a22>div:last-child{margin-bottom: 0;}

    .bto-a31{width: calc(960px*150/1680);height: calc(960px*150/1680);}

    .bto-a32{font-size: calc(960px*14/1680);line-height: calc(960px*14/1680);color: rgba(255, 255, 255, 0.6);text-align: center;margin-top: calc(960px*25/1680);}

    .bto-a41{display: flex;align-items: center;justify-content: flex-end;}

    .bto-a41>div:nth-child(1){width: calc(960px*17/1680);height: calc(960px*20/1680);float: left;margin-right: calc(960px*10/1680);}

    .bto-a41>div:nth-child(2){font-size: calc(960px*18/1680);line-height: calc(960px*18/1680);color: #fff;font-weight: bold;}

    .bto-a42{margin-top: calc(960px*30/1680);}

    .bto-a42>p{font-size: calc(960px*14/1680) !important;line-height: calc(960px*14/1680) !important;margin-bottom: calc(960px*14/1680) !important;color: #fff !important;text-align: right !important;}

    .bto-a42>p:last-child{margin-bottom: 0 !important;}

    .bto-a43{width: calc(960px*180/1680);margin-top: calc(960px*40/1680);margin-left: calc(100% - (960px*180/1680));}

    .bto-a431{width: 100%;height: calc(960px*40/1680);background: rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: center;}

    .bto-a431>div:nth-child(1){width: calc(960px*16/1680);height: calc(960px*16/1680);margin-right: calc(960px*10/1680);}

    .bto-a431>div:nth-child(2){font-size: calc(960px*14/1680);line-height: calc(960px*14/1680);color: rgba(255, 255, 255, 0.6);margin-right: calc(960px*30/1680);}

    .bto-a431>div:nth-child(3){width: calc(960px*6/1680);height: calc(960px*4/1680);}

    .bto-a432{width: 100%;margin-top: 1px;}

    .bto-a432>div{width: 100%;height: calc(960px*36/1680)x;background: rgba(255, 255, 255, 0.1);text-align: center;line-height: calc(960px*36/1680);color: rgba(255, 255, 255);font-size: calc(960px*14/1680);}

    .bto-b{width: 100%;height: calc(960px*105/1680);border-top: 1px solid rgba(255, 255, 255, 0.1);font-size: calc(960px*14/1680);line-height:calc(960px*105/1680);text-align: center;color: rgba(255, 255, 255, 0.5);}

}

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

    .bto{width: 100%;background: url(../img/a35.jpg) no-repeat center top;background-size: 1920px 100%;padding-top: 0.6rem;}

    .bto-a{width: calc(100% - 0.3rem*2);margin: 0 auto;padding-bottom: 0.4rem;}

    .bto-a2{float: left;margin-right: 0.5rem;}

    .bto-a1>.bto-a2:last-child{margin-right: 0;}

    .bto-a21{font-size: 0.24rem;line-height: 0.24rem;font-weight: bold;color: #fff;}

    .bto-a22{display: none;}

    .bto-a31{width: 1.5rem;height: 1.5rem;margin: 0 auto;margin-top: 0.5rem;}

    .bto-a32{font-size: 0.2rem;line-height: 0.2rem;color: rgba(255, 255, 255, 0.6);text-align: center;margin-top: 0.25rem;}

    .bto-a41{display: flex;align-items: center;}

    .bto-a41>div:nth-child(1){width: 0.17rem;height: 0.2rem;margin-right: 0.1rem;}

    .bto-a41>div:nth-child(2){font-size: 0.24rem;line-height: 0.24rem;color: #fff;font-weight: bold;}

    .bto-a42{margin-top: 0.3rem;}

    .bto-a42>p{font-size: 0.24rem !important;line-height: 0.24rem !important;margin-bottom: 0.14rem !important;color: #fff !important;}

    .bto-a42>p:last-child{margin-bottom: 0 !important;}

    .bto-a43{width: 180px;margin-top: 40px;margin-left: calc(100% - 180px);display: none;}

    .bto-b{width: 100%;border-top: 0.01rem solid rgba(255, 255, 255, 0.1);font-size: 0.2rem;line-height:0.4rem;padding: 0.3rem;text-align: center;color: rgba(255, 255, 255, 0.5);}

}



/* 新闻动态 */

@media only screen and (min-width: 1440px){

    .head{width: 100%;height: 0;padding-bottom: calc(100%*760/1920);position: relative;}

    .head>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: 5s trans infinite linear;}

    .top{width: 100%;height: 120px;background: #f8f8f8; position: relative;}

    .top1{width: 1400px;height: 100%;margin: 0 auto;display: flex;align-items: center;}

    .top1>div:nth-child(1){width: 14px;height: 15px;margin-right: 13px;}

    .top1>div:nth-child(2){font-size: 16px;line-height: 16px;}

    .news-tab{position: absolute;right: calc(50% - 1400px/2);top: calc(50% - 16px/2);}

    .news-tab>div{font-size: 16px;line-height: 16px;float: left;margin-right: 40px; transition: 0.5s;}

    .news-tab>div:last-child{margin-right: 0;}

    .news-tab>div:hover {color: #f6a71a;transition: 0.5s;}

    .news-tab >.on{color: #f6a71a;}

    .news{width: 1400px;margin: 0 auto;margin-top: 90px;}

    .news-a{width: calc((100% - 40px*2)/3);float: left;margin-right: 40px;background: #fff;margin-bottom: 50px;transition: 0.5s;}

    .news>.news-a:nth-child(3n){margin-right: 0;}

    .news-a1{width: 100%;height: 278px;}

    .news-a1>img{width: 100%;transition: 0.5s;}

    .news-a4{width: 100%;padding: 23px 38px 33px 38px;border: 1px solid #eaeaea;}

    .news-a2{font-size: 18px;line-height: 30px;height: 60px;}

    .news-a3{font-size: 16px;line-height: 16px;color: #bababa;margin-top: 14px;}

    .news-a:hover .news-a1>img{transform: scale(1.08);transition: 0.5s;}

    .news-a:hover .news-a2{color: #0489ff;transition: 0.5s;}

    .news-a:hover{transform: translateY(-10px);box-shadow: 0 0 12px rgba(0, 0, 0, 0.04); transition: 0.5s;}

    .page{margin-bottom: 100px;width: 100%;display: flex;justify-content: center;align-items: center;}

    .page1{width: 48px;height: 48px;position: relative;margin-right: 30px;text-align: center;line-height: 48px;font-size: 16px;font-weight: bold;border-radius: 50%;}

    .page1>img{width: 12px;height: 23px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .page1:first-child,.page1:last-child{border: 1px solid #cbcbcb;}

    .page1:last-child{margin-right: 0;}

    .page1:hover {border: none;background: #0489ff;color: #fff;transition: 0.5s;}

    .page1.on{background: #0489ff;color: #fff;}

    .target-fix{position: absolute;top: -100px;display: block;height: 0;overflow: hidden;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .head{width: 100%;height: 0;padding-bottom: calc(100%*760/1920);position: relative;}

    .head>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: 5s trans infinite linear;}

    .top{width: 100%;height: calc(960px*120/1400);background: #f8f8f8;position: relative;}

    .top1{width: 960px;height: 100%;margin: 0 auto;display: flex;align-items: center;}

    .top1>div:nth-child(1){width: calc(960px*14/1400);height: calc(960px*15/1400);margin-right: calc(960px*13/1400);}

    .top1>div:nth-child(2){font-size: calc(960px*16/1400);line-height:calc(960px*16/1400);}

    .news-tab{position: absolute;right: calc(50% - 960px/2);top: calc(50% - (960px*16/1400)/2);}

    .news-tab>div{font-size: calc(960px*16/1400);line-height:calc(960px*16/1400);float: left;margin-right: calc(960px*40/1400); transition: 0.5s;}

    .news-tab>div:last-child{margin-right: 0;}

    .news-tab>div:hover {color: #f6a71a;transition: 0.5s;}

    .news-tab >.on{color: #f6a71a;}

    .news{width: 960px;margin: 0 auto;margin-top: calc(960px*90/1400);}

    .news-a{width: calc((100% - (960px*40/1400)*2)/3);float: left;margin-right: calc(960px*40/1400);background: #fff;margin-bottom: calc(960px*50/1400);transition: 0.5s;}

    .news>.news-a:nth-child(3n){margin-right: 0;}

    .news-a1{width: 100%;height: calc(960px*278/1400);}

    .news-a1>img{width: 100%;transition: 0.5s;}

    .news-a4{width: 100%;padding: calc(960px*23/1400) calc(960px*38/1400) calc(960px*33/1400) calc(960px*38/1400);border: 1px solid #eaeaea;}

    .news-a2{font-size: calc(960px*18/1400);line-height: calc(960px*30/1400);height: calc(960px*60/1400);}

    .news-a3{font-size: calc(960px*16/1400);line-height: calc(960px*16/1400);color: #bababa;margin-top: calc(960px*14/1400);}

    .news-a:hover .news-a1>img{transform: scale(1.08);transition: 0.5s;}

    .news-a:hover .news-a2{color: #0489ff;transition: 0.5s;}

    .news-a:hover{transform: translateY(-10px);box-shadow: 0 0 12px rgba(0, 0, 0, 0.04); transition: 0.5s;}

    .page{margin-bottom: calc(960px*100/1400);width: 100%;display: flex;justify-content: center;align-items: center;}

    .page1{width: calc(960px*48/1400);height: calc(960px*48/1400);position: relative;margin-right: calc(960px*30/1400);text-align: center;line-height: calc(960px*48/1400);font-size: calc(960px*16/1400);font-weight: bold;border-radius: 50%;}

    .page1>img{width: calc(960px*12/1400);height: calc(960px*23/1400);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .page1:first-child,.page1:last-child{border: 1px solid #cbcbcb;}

    .page1:last-child{margin-right: 0;}

    .page1:hover {border: none;background: #0489ff;color: #fff;transition: 0.5s;}

    .page1.on{background: #0489ff;color: #fff;}
    .target-fix{position: absolute;top: -100px;display: block;height: 0;overflow: hidden;}

}

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

    .head{width: 100%;height: 0;padding-bottom: calc(100%*760/1920);position: relative;}

    .head>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: 5s trans infinite linear;}

    .top{width: 100%;background: #f8f8f8;position: relative;}

    .top1{width: calc(100% - 0.3rem*2);height: 1.2rem;margin: 0 auto;display: flex;align-items: center;}

    .top1>div:nth-child(1){width: 0.14rem;height: 0.15rem;margin-right: 0.13rem;}

    .top1>div:nth-child(2){font-size: 0.22rem;line-height: 0.22rem;}

    .news-tab{width: 100%;height: 0.6rem;display: -webkit-box;overflow: hidden;overflow-x: auto;padding: 0 0.3rem;}

    .news-tab>div{font-size: 0.22rem;line-height: 0.22rem;margin-right: 0.4rem; transition: 0.5s;}

    .target-fix{position: absolute;top: -1rem;display: block;height: 0;overflow: hidden;}

    .news-tab >.on{color: #f6a71a;}

    .news{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.9rem;}

    .news-a{width: calc((100% - 0.4rem)/2);float: left;margin-right: 0.4rem;background: #fff;margin-bottom: 0.4rem;transition: 0.5s;}

    .news>.news-a:nth-child(2n){margin-right: 0;}

    .news-a1{width: 100%;height: 2.78rem;}

    .news-a1>img{width: 100%;transition: 0.5s;}

    .news-a4{width: 100%;padding: 0.23rem 0.38rem 0.33rem 0.38rem;border:0.01rem solid #eaeaea;}

    .news-a2{font-size: 0.24rem;line-height: 0.3rem;height: 0.6rem;}

    .news-a3{font-size: 0.22rem;line-height: 0.22rem;color: #bababa;margin-top: 0.14rem;}

    .page{margin-bottom: 1rem;width: 100%;display: flex;justify-content: center;align-items: center;}

    .page1{width: 0.48rem;height: 0.48rem;position: relative;margin-right: 0.3rem;text-align: center;line-height: 0.48rem;font-size: 0.22rem;font-weight: bold;border-radius: 50%;}

    .page1>img{width: 0.12rem;height: 0.23rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .page1:first-child,.page1:last-child{border: 0.01rem solid #cbcbcb;}

    .page1:last-child{margin-right: 0;}

    .page1.on{background: #0489ff;color: #fff;}

}

/* 产品服务 */

@media only screen and (min-width: 1720px){

    .pc1{width: 1680px;}

    .cp1{width: 1680px;margin: 0 auto;margin-top: 90px;padding-bottom: 87px;}

    .cp1-t{font-size: 40px;line-height: 40px;font-weight: bold;text-align: center;}

    .cp1-t2{font-size: 20px;line-height: 20px;color: #b2b2b2;text-align: center;margin-top: 32px;}

    .cp1-a{width: 100%;margin-top: 63px;}

    .cp1-a1{width: calc(50% - 19px);height: 822px;float: left;position: relative;margin-right: 38px;margin-bottom: 53px;background: #f7f7fa;}

    .cp1-a>.cp1-a1:nth-child(2n){margin-right: 0;}

    .cp1-a2{width: 100%;height: 492px;}

    .cp1-a2>img{width: 100%;transition: 0.5s;}

    .cp1-a3{width: 100%;height: 150px;background: rgba(255, 255, 255,0);position: absolute;left: 0;top: 492px;padding: 40px 60px 0 60px;transition: 0.5s;}

    .cp1-a3>div:nth-child(1){font-size: 30px;line-height: 30px;}

    .cp1-a3>div:nth-child(2){font-size: 16px;line-height: 16px;color: #999999;margin-top: 30px;}

    .cp1-a4{width: 100%;padding: 52px 60px 0 60px;opacity: 0;transition: 0.5s;}

    .cp1-a41{width: calc(100%/3);margin-bottom: 35px;cursor: pointer; float: left;display: flex;align-items: center;}

    .cp1-a41>div:nth-child(1){width: 6px;height: 6px;border-radius: 50%;background: #999999;margin-right: 10px;transition: 0.5s;}

    .cp1-a41>div:nth-child(2){font-size: 16px;line-height: 16px;color: #999999;}

    .cp1-a41:hover >div:nth-child(1){background: #f6a71a;transition: 0.5s;}

    .cp1-a41:hover >div:nth-child(2){color: #f6a71a;transition: 0.5s;}

    .cp1-a5{width: 210px;height: 70px;border: 1px solid #cacaca;text-align: center;line-height: 68px;color: #666666;border-radius: 50px;font-size: 16px;position: absolute;left: 60px;bottom: 40px;transition: 0.5s;}

    .cp1-a1:hover .cp1-a2>img{transform: scale(1.08);transition: 0.5s;}

    .cp1-a1:hover .cp1-a3{top: 342px;background: rgba(255, 255, 255, 0.9);transition: 0.5s;}

    .cp1-a1:hover .cp1-a4{opacity: 1;transition: 0.5s;}

    .cp1-a5:hover {background: #f6a71a;color: #fff;border: 1px solid #f6a71a;transition: 0.5s;}

    .cp2{width: 100%;background: #fff;padding-top: 90px;}

    .cp2-t{width: 100%;border-bottom: 1px solid #eaeaea;margin-top: 10px;display: flex;justify-content: center;}

    .cp2-t1{font-size: 20px;line-height: 100px;position: relative;margin-right: 70px;transition: 0.5s;}

    .cp2-t>.cp2-t1:last-child{margin-right: 0;}

    .cp2-t1>div{width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #f6a71a;transition: 0.5s;}

    .cp2-t1:hover >div{width: 100%;transition: 0.5s;}

    .cp2-t1:hover{color: #f6a71a;transition: 0.5s;}

    .cp2-t1.on >div{width: 100%;transition: 0.5s;}

    .cp2-t1.on{color: #f6a71a;transition: 0.5s;}

    .cp2-a{width: 1680px;margin: 0 auto;margin-top: 50px;padding-bottom: 40px;}

    .cp2-swi{width: 100%;height: 440px;margin-bottom: 80px;}

    .cp2-a1{width: calc((100% - 60px*2)/3);height: 440px;float: left;margin-right: 60px;margin-bottom: 80px;transition: 0.5s;}

    .cp2-swi .cp2-a1{width: 100%;float: none;margin-right: 0;margin-bottom: 0;}

    .cp2-a>.cp2-a1:nth-child(3n){margin-right: 0;}

    .cp2-a3{width: 100%;height: 360px;}

    .cp2-a3>img{width: 100%;transition: 0.5s;}

    .cp2-a1:hover >.cp2-a3>img{transform: scale(1.08);transition: 0.5s;}

    .cp2-a2{width: 100%;height: 80px;background: #f9f9fb;font-size: 20px;line-height: 80px;text-align: center;}

    .cp2-a1:hover {transform: translateY(-10px);transition: 0.5s;}

    .cp2-a1 a:before, .cp2-a1 a:after { content: ''; position: absolute; width: 0; height: 0; z-index: 9; box-sizing: border-box; transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s; opacity: 0; }

    .cp2-a1 a:before { top: 0; left: 0; border-bottom: 1px solid transparent;}

    .cp2-a1 a:after { bottom: 0; right: 0; border-bottom: 1px solid #f6a71a;}

    .cp2-a1 a:hover:before, .cp2-a1 a:hover:after { width: 100%; height: 100%; transition: width 0.5s linear 0s, height 0.5s linear 0.5s; opacity: 1; }

    .cp2-a1 a:after{border-bottom: 1px solid #f6a71a  !important;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .pc1{width: 1400px;}

    .cp1{width: 1400px;margin: 0 auto;margin-top: calc(1400px*90/1680);padding-bottom: calc(1400px*87/1680);}

    .cp1-t{font-size: calc(1400px*40/1680);line-height: calc(1400px*40/1680);font-weight: bold;text-align: center;}

    .cp1-t2{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);color: #b2b2b2;text-align: center;margin-top: calc(1400px*32/1680);}

    .cp1-a{width: 100%;margin-top: calc(1400px*63/1680);}

    .cp1-a1{width: calc(50% - (1400px*19/1680));height: calc(1400px*822/1680);float: left;position: relative;margin-right: calc(1400px*38/1680);margin-bottom: calc(1400px*53/1680);background: #f7f7fa;}

    .cp1-a>.cp1-a1:nth-child(2n){margin-right: 0;}

    .cp1-a2{width: 100%;height: calc(1400px*492/1680);}

    .cp1-a2>img{width: 100%;transition: 0.5s;}

    .cp1-a3{width: 100%;height: calc(1400px*150/1680);background: rgba(255, 255, 255,0);position: absolute;left: 0;top: calc(1400px*492/1680);padding: calc(1400px*40/1680) calc(1400px*60/1680) 0 calc(1400px*60/1680);transition: 0.5s;}

    .cp1-a3>div:nth-child(1){font-size: calc(1400px*30/1680);line-height: calc(1400px*30/1680);}

    .cp1-a3>div:nth-child(2){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #999999;margin-top: calc(1400px*30/1680);}

    .cp1-a4{width: 100%;padding: calc(1400px*52/1680) calc(1400px*60/1680) 0 calc(1400px*60/1680);opacity: 0;transition: 0.5s;}

    .cp1-a41{width: calc(100%/3);margin-bottom: calc(1400px*35/1680);cursor: pointer; float: left;display: flex;align-items: center;}

    .cp1-a41>div:nth-child(1){width: calc(1400px*6/1680);height: calc(1400px*6/1680);border-radius: 50%;background: #999999;margin-right: calc(1400px*10/1680);transition: 0.5s;}

    .cp1-a41>div:nth-child(2){font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #999999;}

    .cp1-a41:hover >div:nth-child(1){background: #f6a71a;transition: 0.5s;}

    .cp1-a41:hover >div:nth-child(2){color: #f6a71a;transition: 0.5s;}

    .cp1-a5{width: calc(1400px*210/1680);height: calc(1400px*70/1680);border: 1px solid #cacaca;text-align: center;line-height: calc(1400px*68/1680);color: #666666;border-radius: 50px;font-size: calc(1400px*16/1680);position: absolute;left: calc(1400px*60/1680);bottom: calc(1400px*40/1680);transition: 0.5s;}

    .cp1-a1:hover .cp1-a2>img{transform: scale(1.08);transition: 0.5s;}

    .cp1-a1:hover .cp1-a3{top: calc(1400px*342/1680);background: rgba(255, 255, 255, 0.9);transition: 0.5s;}

    .cp1-a1:hover .cp1-a4{opacity: 1;transition: 0.5s;}

    .cp1-a5:hover {background: #f6a71a;color: #fff;border: 1px solid #f6a71a;transition: 0.5s;}

    .cp2{width: 100%;background: #fff;padding-top: calc(1400px*90/1680);}

    .cp2-t{width: 100%;border-bottom: 1px solid #eaeaea;margin-top: calc(1400px*10/1680);display: flex;justify-content: center;}

    .cp2-t1{font-size: calc(1400px*20/1680);line-height: calc(1400px*100/1680);position: relative;margin-right: calc(1400px*70/1680);transition: 0.5s;}

    .cp2-t>.cp2-t1:last-child{margin-right: 0;}

    .cp2-t1>div{width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #f6a71a;transition: 0.5s;}

    .cp2-t1:hover >div{width: 100%;transition: 0.5s;}

    .cp2-t1:hover{color: #f6a71a;transition: 0.5s;}

    .cp2-t1.on >div{width: 100%;transition: 0.5s;}

    .cp2-t1.on{color: #f6a71a;transition: 0.5s;}

    .cp2-a{width: 1400px;margin: 0 auto;margin-top: calc(1400px*50/1680);padding-bottom:calc(1400px*40/1680);}

    .cp2-swi{width: 100%;height: calc(1400px*440/1680);margin-bottom: calc(1400px*80/1680);}

    .cp2-a1{width: calc((100% - (1400px*60/1680)*2)/3);height: calc(1400px*440/1680);float: left;margin-right: calc(1400px*60/1680);margin-bottom: calc(1400px*80/1680);transition: 0.5s;}

    .cp2-swi .cp2-a1{width: 100%;float: none;margin-right: 0;margin-bottom: 0;}

    .cp2-a>.cp2-a1:nth-child(3n){margin-right: 0;}

    .cp2-a3{width: 100%;height: calc(1400px*360/1680);}

    .cp2-a3>img{width: 100%;transition: 0.5s;}

    .cp2-a1:hover >.cp2-a3>img{transform: scale(1.08);transition: 0.5s;}

    .cp2-a2{width: 100%;height: calc(1400px*80/1680);background: #f9f9fb;font-size: calc(1400px*20/1680);line-height:calc(1400px*80/1680);text-align: center;}

    .cp2-a1:hover {transform: translateY(-10px);transition: 0.5s;}

    .cp2-a1 a:before, .cp2-a1 a:after { content: ''; position: absolute; width: 0; height: 0; z-index: 9; box-sizing: border-box; transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s; opacity: 0; }

    .cp2-a1 a:before { top: 0; left: 0; border-bottom: 1px solid transparent;}

    .cp2-a1 a:after { bottom: 0; right: 0; border-bottom: 1px solid #f6a71a;}

    .cp2-a1 a:hover:before, .cp2-a1 a:hover:after { width: 100%; height: 100%; transition: width 0.5s linear 0s, height 0.5s linear 0.5s; opacity: 1; }

    .cp2-a1 a:after{border-bottom: 1px solid #f6a71a  !important;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .pc1{width: 960px;}

    .cp1{width: 960px;margin: 0 auto;margin-top: calc(960px*90/1680);padding-bottom: calc(960px*87/1680);}

    .cp1-t{font-size: calc(960px*40/1680);line-height: calc(960px*40/1680);font-weight: bold;text-align: center;}

    .cp1-t2{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);color: #b2b2b2;text-align: center;margin-top: calc(960px*32/1680);}

    .cp1-a{width: 100%;margin-top: calc(960px*63/1680);}

    .cp1-a1{width: calc(50% - (960px*19/1680));height: calc(960px*822/1680);float: left;position: relative;margin-right: calc(960px*38/1680);margin-bottom: calc(960px*53/1680);background: #f7f7fa;}

    .cp1-a>.cp1-a1:nth-child(2n){margin-right: 0;}

    .cp1-a2{width: 100%;height: calc(960px*492/1680);}

    .cp1-a2>img{width: 100%;transition: 0.5s;}

    .cp1-a3{width: 100%;height: calc(960px*150/1680);background: rgba(255, 255, 255,0);position: absolute;left: 0;top: calc(960px*492/1680);padding: calc(960px*40/1680) calc(960px*60/1680) 0 calc(960px*60/1680);transition: 0.5s;}

    .cp1-a3>div:nth-child(1){font-size: calc(960px*30/1680);line-height: calc(960px*30/1680);}

    .cp1-a3>div:nth-child(2){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #999999;margin-top: calc(960px*30/1680);}

    .cp1-a4{width: 100%;padding: calc(960px*52/1680) calc(960px*60/1680) 0 calc(960px*60/1680);opacity: 0;transition: 0.5s;}

    .cp1-a41{width: calc(100%/3);margin-bottom: calc(960px*35/1680);cursor: pointer; float: left;display: flex;align-items: center;}

    .cp1-a41>div:nth-child(1){width: calc(960px*6/1680);height: calc(960px*6/1680);border-radius: 50%;background: #999999;margin-right: calc(960px*10/1680);transition: 0.5s;}

    .cp1-a41>div:nth-child(2){font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #999999;}

    .cp1-a41:hover >div:nth-child(1){background: #f6a71a;transition: 0.5s;}

    .cp1-a41:hover >div:nth-child(2){color: #f6a71a;transition: 0.5s;}

    .cp1-a5{width: calc(960px*210/1680);height: calc(960px*70/1680);border: 1px solid #cacaca;text-align: center;line-height: calc(960px*68/1680);color: #666666;border-radius: 50px;font-size: calc(960px*16/1680);position: absolute;left: calc(960px*60/1680);bottom: calc(960px*40/1680);transition: 0.5s;}

    .cp1-a1:hover .cp1-a2>img{transform: scale(1.08);transition: 0.5s;}

    .cp1-a1:hover .cp1-a3{top: calc(960px*342/1680);background: rgba(255, 255, 255, 0.9);transition: 0.5s;}

    .cp1-a1:hover .cp1-a4{opacity: 1;transition: 0.5s;}

    .cp1-a5:hover {background: #f6a71a;color: #fff;border: 1px solid #f6a71a;transition: 0.5s;}

    .cp2{width: 100%;background: #fff;padding-top: calc(960px*90/1680);}

    .cp2-t{width: 100%;border-bottom: 1px solid #eaeaea;margin-top: calc(960px*10/1680);display: flex;justify-content: center;}

    .cp2-t1{font-size: calc(960px*20/1680);line-height: calc(960px*100/1680);position: relative;margin-right: calc(960px*70/1680);transition: 0.5s;}

    .cp2-t>.cp2-t1:last-child{margin-right: 0;}

    .cp2-t1>div{width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #f6a71a;transition: 0.5s;}

    .cp2-t1:hover >div{width: 100%;transition: 0.5s;}

    .cp2-t1:hover{color: #f6a71a;transition: 0.5s;}

    .cp2-t1.on >div{width: 100%;transition: 0.5s;}

    .cp2-t1.on{color: #f6a71a;transition: 0.5s;}

    .cp2-a{width: 960px;margin: 0 auto;margin-top: calc(960px*50/1680);padding-bottom:calc(960px*40/1680);}

    .cp2-swi{width: 100%;height: calc(960px*440/1680);margin-bottom: calc(960px*80/1680);}

    .cp2-a1{width: calc((100% - (960px*60/1680)*2)/3);height: calc(960px*440/1680);float: left;margin-right: calc(960px*60/1680);margin-bottom: calc(960px*80/1680);transition: 0.5s;}

    .cp2-swi .cp2-a1{width: 100%;float: none;margin-right: 0;margin-bottom: 0;}

    .cp2-a>.cp2-a1:nth-child(3n){margin-right: 0;}

    .cp2-a3{width: 100%;height: calc(960px*360/1680);}

    .cp2-a3>img{width: 100%;transition: 0.5s;}

    .cp2-a1:hover >.cp2-a3>img{transform: scale(1.08);transition: 0.5s;}

    .cp2-a2{width: 100%;height: calc(960px*80/1680);background: #f9f9fb;font-size: calc(960px*20/1680);line-height:calc(960px*80/1680);text-align: center;}

    .cp2-a1:hover {transform: translateY(-10px);transition: 0.5s;}

    .cp2-a1 a:before, .cp2-a1 a:after { content: ''; position: absolute; width: 0; height: 0; z-index: 9; box-sizing: border-box; transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s; opacity: 0; }

    .cp2-a1 a:before { top: 0; left: 0; border-bottom: 1px solid transparent;}

    .cp2-a1 a:after { bottom: 0; right: 0; border-bottom: 1px solid #f6a71a;}

    .cp2-a1 a:hover:before, .cp2-a1 a:hover:after { width: 100%; height: 100%; transition: width 0.5s linear 0s, height 0.5s linear 0.5s; opacity: 1; }

    .cp2-a1 a:after{border-bottom: 1px solid #f6a71a  !important;}

}

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

    .pc1{width: calc(100% - 0.3rem*2);}

    .cp1{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.9rem;padding-bottom: 0.9rem;}

    .cp1-t{font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;text-align: center;}

    .cp1-t2{font-size: 0.26rem;line-height: 0.26rem;color: #b2b2b2;text-align: center;margin-top: 0.32rem;}

    .cp1-a{width: 100%;margin-top: 0.63rem;}

    .cp1-a1{width: calc(50% - 0.19rem);height: 4.22rem;float: left;position: relative;margin-right: 0.38rem;margin-bottom: 0.53rem;background: #f7f7fa;}

    .cp1-a>.cp1-a1:nth-child(2n){margin-right: 0;}

    .cp1-a2{width: 100%;height:2.2rem;}

    .cp1-a2>img{width: 100%;transition: 0.5s;}

    .cp1-a3{width: 100%;height: 1.5rem;background: rgba(255, 255, 255,0);position: absolute;left: 0;top: 2.2rem;padding: 0.2rem 0.3rem 0 0.3rem;transition: 0.5s;}

    .cp1-a3>div:nth-child(1){font-size: 0.3rem;line-height: 0.3rem;}

    .cp1-a3>div:nth-child(2){font-size: 0.22rem;line-height: 0.22rem;color: #999999;margin-top: 0.3rem;}

    .cp1-a4{width: 100%;padding: 0.3rem 0.3rem 0 0.3rem;opacity: 0;transition: 0.5s;display: none;}

    .cp1-a5{width: 1.5rem;height: 0.5rem;border: 0.01rem solid #cacaca;text-align: center;line-height: 0.48rem;color: #666666;border-radius: 0.5rem;font-size: 0.22rem;position: absolute;left: 0.3rem;bottom: 0.2rem;transition: 0.5s;}

    .cp2{width: 100%;background: #fff;padding-top: 0.9rem;}

    .cp2-t{width: 100%;border-bottom: 0.01rem solid #eaeaea;margin-top: 0.1rem;display: flex;justify-content: center;}

    .cp2-t1{font-size: 0.26rem;line-height: 1rem;position: relative;margin-right: 0.4rem;transition: 0.5s;}

    .cp2-t>.cp2-t1:last-child{margin-right: 0;}

    .cp2-t1>div{width: 0;height: 0.02rem;position: absolute;left: 0;bottom: 0;background: #f6a71a;transition: 0.5s;}

    .cp2-t1.on >div{width: 100%;transition: 0.5s;}

    .cp2-t1.on{color: #f6a71a;transition: 0.5s;}

    .cp2-swi{width: 100%;margin-bottom: 0.3rem;}

    .cp2-a{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.5rem;padding-bottom: 0.4rem;}

    .cp2-a1{width: calc((100% - 0.3rem)/2);float: left;margin-right: 0.3rem;margin-bottom: 0.3rem;transition: 0.5s;}

    .cp2-a>.cp2-a1:nth-child(2n){margin-right: 0;}

    .cp2-swi .cp2-a1{width: 100%;float: none;margin-right: 0;margin-bottom: 0;}

    .cp2-a3{width: 100%;height: 2.6rem;}

    .cp2-a3>img{width: 100%;transition: 0.5s;}

    .cp2-a2{width: 100%;height: 0.8rem;background: #f9f9fb;font-size: 0.26rem;line-height: 0.8rem;text-align: center;}

}

/* 搜索 */

@media only screen and (min-width: 1720px){

    .ss{width: 100%;padding: 90px 0;display: none;position: fixed;top: 120px;left: 0;z-index: 9;background: #fff;}

    .ss1{font-size: 30px;line-height: 30px;font-weight: bold;text-align: center;color: #000000;}

    .ss2{width: 900px;height: 80px;border-radius: 50px;border: 4px solid #f7f7f7;position: relative;margin: 0 auto;margin-top: 50px;}

    .ss21{width: 24px;height: 25px;position: absolute;left: 60px;top: calc(50% - 25px/2);}

    .ss22{width: 180px;height: 80px;border-radius: 50px;background: #f6a71a;text-align: center;cursor: pointer;line-height: 80px;font-size: 18px;color: #fff;position: absolute;right: 0;top: calc(50% - 80px/2);}

    .ss2>input{width: 100%;height: 100%;font-size: 18px;padding-left: 115px;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ss{width: 100%;padding: calc(1400px*90/1680) 0;display: none;position: fixed;top: calc(1400px*120/1680);left: 0;z-index: 9;background: #fff;}

    .ss1{font-size: calc(1400px*30/1680);line-height: calc(1400px*30/1680);font-weight: bold;text-align: center;color: #000000;}

    .ss2{width: calc(1400px*900/1680);height: calc(1400px*80/1680);border-radius: 50px;border: calc(1400px*4/1680) solid #f7f7f7;position: relative;margin: 0 auto;margin-top: calc(1400px*50/1680);}

    .ss21{width: calc(1400px*24/1680);height: calc(1400px*25/1680);position: absolute;left: calc(1400px*60/1680);top: calc(50% - (1400px*25/1680)/2);}

    .ss22{width: calc(1400px*180/1680);height: calc(1400px*80/1680);border-radius: 50px;background: #f6a71a;text-align: center;cursor: pointer;line-height: calc(1400px*80/1680);font-size: calc(1400px*18/1680);color: #fff;position: absolute;right: 0;top: calc(50% - (1400px*80/1680)/2);}

    .ss2>input{width: 100%;height: 100%;font-size: calc(1400px*18/1680);padding-left: calc(1400px*115/1680);}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ss{width: 100%;padding: calc(960px*90/1680) 0;display: none;position: fixed;top: calc(960px*120/1680);left: 0;z-index: 9;background: #fff;}

    .ss1{font-size: calc(960px*30/1680);line-height: calc(960px*30/1680);font-weight: bold;text-align: center;color: #000000;}

    .ss2{width: calc(960px*900/1680);height: calc(960px*80/1680);border-radius: 50px;border: calc(960px*4/1680) solid #f7f7f7;position: relative;margin: 0 auto;margin-top: calc(960px*50/1680);}

    .ss21{width: calc(960px*24/1680);height: calc(960px*25/1680);position: absolute;left: calc(960px*60/1680);top: calc(50% - (960px*25/1680)/2);}

    .ss22{width: calc(960px*180/1680);height: calc(960px*80/1680);border-radius: 50px;background: #f6a71a;text-align: center;cursor: pointer;line-height: calc(960px*80/1680);font-size: calc(960px*18/1680);color: #fff;position: absolute;right: 0;top: calc(50% - (960px*80/1680)/2);}

    .ss2>input{width: 100%;height: 100%;font-size: calc(960px*18/1680);padding-left: calc(960px*115/1680);}

}

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

    .ss{width: 100%;padding: 0.9rem 0;display: none;position: fixed;top: 1rem;left: 0;z-index: 9;background: #fff;}

    .ss1{font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;text-align: center;color: #000000;}

    .ss2{width: calc(100% - 0.5rem*2);height: 0.8rem;border-radius: 0.5rem;border: 0.04rem solid #f7f7f7;position: relative;margin: 0 auto;margin-top: 0.5rem;}

    .ss21{width: 0.24rem;height: 0.25rem;position: absolute;left: 0.6rem;top: calc(50% - 0.25rem/2);}

    .ss22{width: 1.8rem;height:0.8rem;border-radius: 0.5rem;background: #f6a71a;text-align: center;cursor: pointer;line-height: 0.8rem;font-size: 0.24rem;color: #fff;position: absolute;right: 0;top: calc(50% - 0.8rem/2);}

    .ss2>input{width: 100%;height: 100%;font-size: 0.24rem;padding-left: 1.15rem;}

}



@media only screen and (min-width: 1720px){

    .tab1{background: #fff;}

    .ab1{width: 1680px;margin: 0 auto;margin-top: 60px;padding-bottom: 90px;position: relative;}

    .ab1-a{width: 100%;background: #fff;padding: 40px 60px;position: relative;margin-bottom: 40px;}

    .ab1 .ab1-a:last-child{margin-bottom: 0;}

    .ab1-a1{width: 460px;height: 290px;float: left;}

    .ab1-a1>img{width: 100%;transition: 0.5s;}

    .ab1-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab1-a2{width: calc(100% - 460px - 290px - 80px);height: 290px;float: left;position: relative;margin-left: 80px;padding: 56px 0 0 0;}

    .ab1-a21{font-size: 24px;line-height: 32px;color: #000000;}

    .ab1-a22{font-size: 16px;line-height: 16px;color: #999999;position: absolute;left: 0;bottom: 60px;}

    .ab1-a3{width: 210px;height: 70px;border: 1px solid #cacaca;border-radius: 50px;text-align: center;line-height: 68px;color: #666666;font-size: 16px;position: absolute;right: 60px;top: calc(50% - 70px/2);transition: 0.5s;}

    .ab1-a3:hover {background: #0489ff;color: #fff;border: 1px solid #0489ff;transition: 0.5s;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .tab1{background: #fff;}

    .ab1{width: 1400px;margin: 0 auto;margin-top: calc(1400px*60/1680);padding-bottom: calc(1400px*90/1680);}

    .ab1-a{width: 100%;background: #fff;padding: calc(1400px*40/1680) calc(1400px*60/1680);position: relative;margin-bottom: calc(1400px*40/1680);}

    .ab1 .ab1-a:last-child{margin-bottom: 0;}

    .ab1-a1{width: calc(1400px*460/1680);height: calc(1400px*290/1680);float: left;}

    .ab1-a1>img{width: 100%;transition: 0.5s;}

    .ab1-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab1-a2{width: calc(100% - (1400px*460/1680) - (1400px*290/1680) - (1400px*80/1680));height: calc(1400px*290/1680);float: left;position: relative;margin-left: calc(1400px*80/1680);padding: calc(1400px*56/1680) 0 0 0;}

    .ab1-a21{font-size: calc(1400px*24/1680);line-height: calc(1400px*32/1680);color: #000000;}

    .ab1-a22{font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #999999;position: absolute;left: 0;bottom: calc(1400px*60/1680);}

    .ab1-a3{width: calc(1400px*210/1680);height: calc(1400px*70/1680);border: 1px solid #cacaca;border-radius: 50px;text-align: center;line-height: calc(1400px*68/1680);color: #666666;font-size: calc(1400px*16/1680);position: absolute;right: calc(1400px*60/1680);top: calc(50% - (1400px*70/1680)/2);transition: 0.5s;}

    .ab1-a3:hover {background: #0489ff;color: #fff;border: 1px solid #0489ff;transition: 0.5s;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .tab1{background: #fff;}

    .ab1{width: 960px;margin: 0 auto;margin-top: calc(960px*60/1680);padding-bottom: calc(960px*90/1680);}

    .ab1-a{width: 100%;background: #fff;padding: calc(960px*40/1680) calc(960px*60/1680);position: relative;margin-bottom: calc(960px*40/1680);}

    .ab1 .ab1-a:last-child{margin-bottom: 0;}

    .ab1-a1{width: calc(960px*460/1680);height: calc(960px*290/1680);float: left;}

    .ab1-a1>img{width: 100%;transition: 0.5s;}

    .ab1-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab1-a2{width: calc(100% - (960px*460/1680) - (960px*290/1680) - (960px*80/1680));height: calc(960px*290/1680);float: left;position: relative;margin-left: calc(960px*80/1680);padding: calc(960px*56/1680) 0 0 0;}

    .ab1-a21{font-size: calc(960px*24/1680);line-height: calc(960px*32/1680);color: #000000;}

    .ab1-a22{font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #999999;position: absolute;left: 0;bottom: calc(960px*60/1680);}

    .ab1-a3{width: calc(960px*210/1680);height: calc(960px*70/1680);border: 1px solid #cacaca;border-radius: 50px;text-align: center;line-height: calc(960px*68/1680);color: #666666;font-size: calc(960px*16/1680);position: absolute;right: calc(960px*60/1680);top: calc(50% - (960px*70/1680)/2);transition: 0.5s;}

    .ab1-a3:hover {background: #0489ff;color: #fff;border: 1px solid #0489ff;transition: 0.5s;}

}

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

    .tab1{background: #fff;}

    .ab1{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.6rem;padding-bottom: 0.9rem;}

    .ab1-a{width: 100%;background: #fff;padding: 0.3rem 0.4rem;position: relative;margin-bottom: 0.4rem;}

    .ab1 .ab1-a:last-child{margin-bottom: 0;}

    .ab1-a1{width: 100%;}

    .ab1-a1>img{width: 100%;transition: 0.5s;}

    .ab1-a2{width:100%;position: relative;padding: 0.3rem 0.3rem 0.3rem 0.3rem;}

    .ab1-a21{font-size: 0.3rem;line-height: 0.4rem;color: #000000;}

    .ab1-a22{font-size: 0.22rem;line-height: 0.22rem;color: #999999;margin-top: 0.2rem;}

    .ab1-a3{width: 1.5rem;height: 0.5rem;border: 0.01rem solid #cacaca;border-radius: 0.5rem;text-align: center;margin-left: 0.3rem;line-height: 0.48rem;color: #666666;font-size: 0.22rem;transition: 0.5s;}

}



/* 产品详情 */

@media only screen and (min-width: 1720px){

    .header{width: 100%;height: 480px;position: relative;overflow: hidden;}

    .header1{width: 1920px;height: 480px;position: absolute;left: calc(50% - 1920px/2);top: 0;}

    .header1>img{width: 100%;animation: 5s trans infinite linear;}

    .header2{display: flex;align-items: center;position: absolute;left: calc(50% - 1680px/2);top: 160px;}

    .header3{font-size: 60px;line-height: 60px;color: #fff;font-weight: bold;position: absolute;left: calc(50% - 1680px/2);bottom: 93px;}

    .header2>div:nth-child(1){width: 15px;height: 16px;margin-right: 13px;}

    .header2>div:nth-child(2){color: rgba(255, 255, 255, 0.6);font-size: 16px;line-height: 16px;}

    .cx{width: 100%;background: #fff;}

    .cx-a{width: 1680px;margin: 0 auto;font-size: 16px;line-height: 32px;padding: 73px 0;}

    .cx-a table{width: 100% !important;height: auto !important;}

    .cx-a img{max-width: 100%;margin: 0 auto !important;}

    .cx-a p{font-size: 16px !important;line-height: 32px !important;}

    .cx-a span{font-size: 16px !important;line-height: 32px !important;}

    .cx2{width: 100%;padding: 72px 0;background: #f8f8f8;}

    .cx2-a{width: 100%;height: 597px;position: relative;background: #fff;}

    .cx2-a1{width: 50%;height: 100%;float: left;}

    .cx2-a1>img{width: 100%;transition: 0.5s;}

    .cx2-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .cx2-a2{width: 50%;height: 100%;float: left;display: table;padding-left: 90px;}

    .cx2-a2all{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}

    .cx2-a21{font-size: 36px;line-height: 36px;color: #000000;font-weight: bold;}

    .cx2-a22{font-size: 20px;line-height: 20px;color: #999999;font-weight: lighter;margin-top: 30px;}

    .cx2-a23{width: 100%;height: 70px;background: #f9f9fb;margin-top: 30px;}

    .cx2-a23>input{width: 100%;height: 100%;padding-left: 40px;font-size: 16px;}

    .cx2-a24{width: calc(100% - 230px);height: 80px;background: #f6a71a;border-radius: 50px;color: #fff;text-align: center;line-height: 80px;font-size: 20px;margin-top: 60px;position: relative;}

    .cx2-a24>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

    .cx3{width: 100%;padding: 90px 0 10px 0;}

    .cx3 .cp2-a{margin-top: 60px;padding-bottom: 0;}

    .cx3-t{font-size: 40px;line-height: 40px;font-weight: bold;text-align: center;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .header{width: 100%;height: 480px;position: relative;overflow: hidden;}

    .header1{width: 1920px;height: 480px;position: absolute;left: calc(50% - 1920px/2);top: 0;}

    .header1>img{width: 100%;animation: 5s trans infinite linear;}

    .header2{display: flex;align-items: center;position: absolute;left: calc(50% - 1400px/2);top: calc(1400px*160/1680);}

    .header3{font-size: calc(1400px*60/1680);line-height: calc(1400px*60/1680);color: #fff;font-weight: bold;position: absolute;left: calc(50% - 1400px/2);bottom: calc(1400px*93/1680);}

    .header2>div:nth-child(1){width:  calc(1400px*15/1680);height: calc(1400px*16/1680);margin-right: calc(1400px*13/1680);}

    .header2>div:nth-child(2){color: rgba(255, 255, 255, 0.6);font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);}

    .cx{width: 100%;background: #fff;}

    .cx-a{width: 1400px;margin: 0 auto;font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);padding: calc(1400px*73/1680) 0;}

    .cx-a table{width: 100% !important;height: auto !important;}

    .cx-a img{max-width: 100%;margin: 0 auto !important;}

    .cx-a p{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

    .cx-a span{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}


    .cx2{width: 100%;padding: calc(1400px*72/1680) 0;background: #f8f8f8;}

    .cx2-a{width: 100%;height: calc(1400px*597/1680);position: relative;background: #fff;}

    .cx2-a1{width: 50%;height: 100%;float: left;}

    .cx2-a1>img{width: 100%;transition: 0.5s;}

    .cx2-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .cx2-a2{width: 50%;height: 100%;float: left;display: table;padding-left: calc(1400px*90/1680);}

    .cx2-a2all{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}

    .cx2-a21{font-size: calc(1400px*36/1680);line-height: calc(1400px*36/1680);color: #000000;font-weight: bold;}

    .cx2-a22{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);color: #999999;font-weight: lighter;margin-top: calc(1400px*30/1680);}

    .cx2-a23{width: 100%;height: calc(1400px*70/1680);background: #f9f9fb;margin-top: calc(1400px*30/1680);}

    .cx2-a23>input{width: 100%;height: 100%;padding-left: calc(1400px*40/1680);font-size: calc(1400px*16/1680);}

    .cx2-a24{width: calc(100% - (1400px*230/1680));height: calc(1400px*80/1680);background: #f6a71a;border-radius: 50px;color: #fff;text-align: center;line-height: calc(1400px*80/1680);font-size: calc(1400px*20/1680);margin-top: calc(1400px*60/1680);position: relative;}

    .cx2-a24>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

    .cx3{width: 100%;padding: calc(1400px*90/1680) 0 calc(1400px*10/1680) 0;}

    .cx3 .cp2-a{margin-top: calc(1400px*60/1680);padding-bottom: 0;}

    .cx3-t{font-size: calc(1400px*40/1680);line-height: calc(1400px*40/1680);font-weight: bold;text-align: center;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .header{width: 100%;height: 480px;position: relative;overflow: hidden;}

    .header1{width: 1920px;height: 480px;position: absolute;left: calc(50% - 1920px/2);top: 0;}

    .header1>img{width: 100%;animation: 5s trans infinite linear;}

    .header2{display: flex;align-items: center;position: absolute;left: calc(50% - 960px/2);top: calc(960px*160/1680);}

    .header3{font-size: calc(960px*60/1680);line-height: calc(960px*60/1680);color: #fff;font-weight: bold;position: absolute;left: calc(50% - 960px/2);bottom: calc(960px*93/1680);}

    .header2>div:nth-child(1){width:  calc(960px*15/1680);height: calc(960px*16/1680);margin-right: calc(960px*13/1680);}

    .header2>div:nth-child(2){color: rgba(255, 255, 255, 0.6);font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);}

    .cx{width: 100%;background: #fff;}

    .cx-a{width: 960px;margin: 0 auto;font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);padding: calc(960px*73/1680) 0;}

    .cx-a table{width: 100% !important;height: auto !important;}

    .cx-a img{max-width: 100%;margin: 0 auto !important;}

    .cx-a p{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .cx-a span{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}
    .cx2{width: 100%;padding: calc(960px*72/1680) 0;background: #f8f8f8;}

    .cx2-a{width: 100%;height: calc(960px*597/1680);position: relative;background: #fff;}

    .cx2-a1{width: 50%;height: 100%;float: left;}

    .cx2-a1>img{width: 100%;transition: 0.5s;}

    .cx2-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .cx2-a2{width: 50%;height: 100%;float: left;display: table;padding-left: calc(960px*90/1680);}

    .cx2-a2all{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}

    .cx2-a21{font-size: calc(960px*36/1680);line-height: calc(960px*36/1680);color: #000000;font-weight: bold;}

    .cx2-a22{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);color: #999999;font-weight: lighter;margin-top: calc(960px*30/1680);}

    .cx2-a23{width: 100%;height: calc(960px*70/1680);background: #f9f9fb;margin-top: calc(960px*30/1680);}

    .cx2-a23>input{width: 100%;height: 100%;padding-left: calc(960px*40/1680);font-size: calc(960px*16/1680);}

    .cx2-a24{width: calc(100% - (960px*230/1680));height: calc(960px*80/1680);background: #f6a71a;border-radius: 50px;color: #fff;text-align: center;line-height: calc(960px*80/1680);font-size: calc(960px*20/1680);margin-top: calc(960px*60/1680);position: relative;}

    .cx2-a24>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

    .cx3{width: 100%;padding: calc(960px*90/1680) 0 calc(960px*10/1680) 0;}

    .cx3 .cp2-a{margin-top: calc(960px*60/1680);padding-bottom: 0;}

    .cx3-t{font-size: calc(960px*40/1680);line-height: calc(960px*40/1680);font-weight: bold;text-align: center;}

}

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

    .header{width: 100%;height: 4.8rem;position: relative;overflow: hidden;}

    .header1{width: 19.2rem;height: 4.8rem;position: absolute;left: calc(50% - 19.2rem/2);top: 0;}

    .header1>img{width: 100%;animation: 5s trans infinite linear;}

    .header2{display: flex;align-items: center;position: absolute;left: 0.3rem;top: 1.6rem;}

    .header3{font-size: 0.6rem;line-height: 0.6rem;color: #fff;font-weight: bold;position: absolute;left: 0.3rem;bottom: 0.93rem;}

    .header2>div:nth-child(1){width: 0.15rem;height: 0.16rem;margin-right: 0.13rem;}

    .header2>div:nth-child(2){color: rgba(255, 255, 255, 0.6);font-size: 0.22rem;line-height: 0.22rem;}

    .cx{width: 100%;background: #fff;}

    .cx-a{width: calc(100% - 0.3rem*2);margin: 0 auto;font-size: 0.22rem;line-height: 0.4rem;padding: 0.73rem 0;}

    .cx-a table{width: 100% !important;height: auto !important;}

    .cx-a img{max-width: 100%;margin: 0 auto !important;}

    .cx-a p{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .cx-a span{font-size: 0.22rem !important;line-height: 0.4rem !important;}


    .cx2{width: 100%;padding: 0.72rem 0;background: #f8f8f8;}

    .cx2-a{width: 100%;position: relative;background: #fff;}

    .cx2-a1{width: 100%;}

    .cx2-a1>img{width: 100%;transition: 0.5s;}

    .cx2-a2{width: 100%;padding: 0.3rem;}

    .cx2-a2all{width: 100%;}

    .cx2-a21{font-size: 0.36rem;line-height: 0.36rem;color: #000000;font-weight: bold;}

    .cx2-a22{font-size: 0.26rem;line-height: 0.26rem;color: #999999;font-weight: lighter;margin-top: 0.3rem;}

    .cx2-a23{width: 100%;height: 0.7rem;background: #f9f9fb;margin-top: 0.3rem;}

    .cx2-a23>input{width: 100%;height: 100%;padding-left: 0.4rem;font-size: 0.22rem;}

    .cx2-a24{width: calc(100% - 2.3rem);height: 0.7rem;background: #f6a71a;border-radius: 0.5rem;color: #fff;text-align: center;line-height: 0.7rem;font-size: 0.26rem;margin: 0 auto;margin-top: 0.6rem;position: relative;}

    .cx2-a24>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

    .cx3{width: 100%;padding: 0.9rem 0 0.1rem 0;}

    .cx3 .cp2-a{margin-top: 0.6rem;padding-bottom: 0;}

    .cx3-t{font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;text-align: center;}

}

/* 搜索结果 */

@media only screen and (min-width: 1720px){

    .jg{width: 100%;margin-top: 120px;background: #fff;}

    .jg .top{background: #f8f8f8;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .jg{width: 100%;margin-top: 100px;background: #fff;}

    .jg .top{background: #f8f8f8;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .jg{width: 100%;margin-top: 100px;background: #fff;}

    .jg .top{background: #f8f8f8;}

}

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

    .jg{width: 100%;margin-top: 1rem;background: #fff;}

    .jg .top{background: #f8f8f8;}

}



/* 合作案例 */

@media only screen and (min-width: 1720px){

    .al{width: 1680px;margin: 0 auto;margin-top: 60px;}

    .al1{width: 25%;height: 240px;float: left;background: #f8f8fa;position: relative;}

    .al>.al1:nth-child(2),.al>.al1:nth-child(4),.al>.al1:nth-child(5),.al>.al1:nth-child(7){background: #fff;}

    .al1>img{height: 94px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .al1:hover >img{transform: rotateY(360deg);transition: 0.5s;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .al{width: 1400px;margin: 0 auto;margin-top: calc(1400px*60/1680);}

    .al1{width: 25%;height: calc(1400px*240/1680);float: left;background: #f8f8fa;position: relative;}

    .al>.al1:nth-child(2),.al>.al1:nth-child(4),.al>.al1:nth-child(5),.al>.al1:nth-child(7){background: #fff;}

    .al1>img{height: calc(1400px*94/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .al1:hover >img{transform: rotateY(360deg);transition: 0.5s;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .al{width: 960px;margin: 0 auto;margin-top: calc(960px*60/1680);}

    .al1{width: 25%;height: calc(960px*240/1680);float: left;background: #f8f8fa;position: relative;}

    .al>.al1:nth-child(2),.al>.al1:nth-child(4),.al>.al1:nth-child(5),.al>.al1:nth-child(7){background: #fff;}

    .al1>img{height: calc(960px*94/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .al1:hover >img{transform: rotateY(360deg);transition: 0.5s;}

}

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

    .al{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.6rem;}

    .al1{width: 50%;height: 2.4rem;float: left;background: #f8f8fa;position: relative;}

    .al>.al1:nth-child(2),.al>.al1:nth-child(3),.al>.al1:nth-child(6),.al>.al1:nth-child(7){background: #fff;}

    .al1>img{height: 0.94rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

}







/* 联系我们 */

@media only screen and (min-width: 1720px){

    #map1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .lx{width: 100%;padding: 60px 0;}

    .lx1-a{font-size: 40px;line-height: 40px;font-weight: bold;text-align: center;color: #000000;}

    .lx1-b{font-size: 20px;line-height: 20px;color: #b2b2b2;text-align: center;margin-top: 30px;}

    .lx1-c{margin-top: 50px;font-size: 60px;line-height: 60px;color: #f6a71a;text-align: center;font-weight: bold;}

    .lx1-d{margin-top: 50px;}

    .lx1-d>p{font-size: 14px !important;line-height: 14px !important;margin-bottom: 15px !important;text-align: center !important;color: #999999 !important;}

    .lx1-d>p:last-child{margin-bottom: 0;}

    .lx2{width: 100%;background: url(../img/a57.jpg) no-repeat center bottom;background-size: 1920px 800px; padding: 80px 0 90px 0;}

    .lx2-t1{font-size: 36px;line-height: 36px;text-align: center;font-weight: bold;color: #000;}

    .lx2-t2{font-size: 20px;line-height: 20px;color: #999999;text-align: center;margin-top: 30px;}

    .lx2-a{width: 1680px;margin: 0 auto;margin-top: 60px;}

    .lx2-a1{width: calc((100% - 60px*2)/3);height: 64px;border: 1px solid #eaeaea;float: left;margin-right: 60px;background: #fff;}

    .lx2-a>.lx2-a1:nth-child(3n){margin-right: 0;}

    .lx2-a1>input{width: 100%;height: 100%;font-size: 16px;padding-left: 38px;}

    .lx2-a2{width: 1680px;height: 250px;border: 1px solid #eaeaea;background: #fff;margin: 0 auto;margin-top: 30px;}

    .lx2-a2>textarea{width: 100%;height: 100%;font-size: 16px;line-height: 32px;padding-left: 38px;}

    .lx2-a3{width: 520px;height: 80px;border-radius: 50px;background: #f6a71a;text-align: center;position: relative;line-height: 80px;margin: 0 auto;margin-top: 60px;font-size: 20px;color: #fff;}

    .lx2-a3>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    #map1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .lx{width: 100%;padding: calc(1400px*60/1680) 0;}

    .lx1-a{font-size: calc(1400px*40/1680);line-height: calc(1400px*40/1680);font-weight: bold;text-align: center;color: #000000;}

    .lx1-b{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);color: #b2b2b2;text-align: center;margin-top: calc(1400px*30/1680);}

    .lx1-c{margin-top: calc(1400px*50/1680);font-size: calc(1400px*60/1680);line-height: calc(1400px*60/1680);color: #f6a71a;text-align: center;font-weight: bold;}

    .lx1-d{margin-top: calc(1400px*50/1680);}

    .lx1-d>p{font-size: calc(1400px*14/1680) !important;line-height: calc(1400px*14/1680) !important;margin-bottom: calc(1400px*15/1680) !important;text-align: center !important;color: #999999 !important;}

    .lx1-d>p:last-child{margin-bottom: 0;}

    .lx2{width: 100%;background: url(../img/a57.jpg) no-repeat center bottom;background-size: 1920px 800px; padding: calc(1400px*80/1680) 0 calc(1400px*90/1680) 0;}

    .lx2-t1{font-size: calc(1400px*36/1680);line-height: calc(1400px*36/1680);text-align: center;font-weight: bold;color: #000;}

    .lx2-t2{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);color: #999999;text-align: center;margin-top: calc(1400px*30/1680);}

    .lx2-a{width: 1400px;margin: 0 auto;margin-top: calc(1400px*60/1680);}

    .lx2-a1{width: calc((100% - (1400px*60/1680)*2)/3);height: calc(1400px*64/1680);border: 1px solid #eaeaea;float: left;margin-right: calc(1400px*60/1680);background: #fff;}

    .lx2-a>.lx2-a1:nth-child(3n){margin-right: 0;}

    .lx2-a1>input{width: 100%;height: 100%;font-size: calc(1400px*16/1680);padding-left: calc(1400px*38/1680);}

    .lx2-a2{width: 1400px;height: calc(1400px*250/1680);border: 1px solid #eaeaea;background: #fff;margin: 0 auto;margin-top: calc(1400px*30/1680);}

    .lx2-a2>textarea{width: 100%;height: 100%;font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);padding-left: calc(1400px*38/1680);}

    .lx2-a3{width: calc(1400px*520/1680);height: calc(1400px*80/1680);border-radius: 50px;background: #f6a71a;text-align: center;position: relative;line-height: calc(1400px*80/1680);margin: 0 auto;margin-top: calc(1400px*60/1680);font-size: calc(1400px*20/1680);color: #fff;}

    .lx2-a3>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    #map1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .lx{width: 100%;padding: calc(960px*60/1680) 0;}

    .lx1-a{font-size: calc(960px*40/1680);line-height: calc(960px*40/1680);font-weight: bold;text-align: center;color: #000000;}

    .lx1-b{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);color: #b2b2b2;text-align: center;margin-top: calc(960px*30/1680);}

    .lx1-c{margin-top: calc(960px*50/1680);font-size: calc(960px*60/1680);line-height: calc(960px*60/1680);color: #f6a71a;text-align: center;font-weight: bold;}

    .lx1-d{margin-top: calc(960px*50/1680);}

    .lx1-d>p{font-size: calc(960px*14/1680) !important;line-height: calc(960px*14/1680) !important;margin-bottom: calc(960px*15/1680) !important;text-align: center !important;color: #999999 !important;}

    .lx1-d>p:last-child{margin-bottom: 0;}

    .lx2{width: 100%;background: url(../img/a57.jpg) no-repeat center bottom;background-size: 1920px 800px; padding: calc(960px*80/1680) 0 calc(960px*90/1680) 0;}

    .lx2-t1{font-size: calc(960px*36/1680);line-height: calc(960px*36/1680);text-align: center;font-weight: bold;color: #000;}

    .lx2-t2{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);color: #999999;text-align: center;margin-top: calc(960px*30/1680);}

    .lx2-a{width: 960px;margin: 0 auto;margin-top: calc(960px*60/1680);}

    .lx2-a1{width: calc((100% - (960px*60/1680)*2)/3);height: calc(960px*64/1680);border: 1px solid #eaeaea;float: left;margin-right: calc(960px*60/1680);background: #fff;}

    .lx2-a>.lx2-a1:nth-child(3n){margin-right: 0;}

    .lx2-a1>input{width: 100%;height: 100%;font-size: calc(960px*16/1680);padding-left: calc(960px*38/1680);}

    .lx2-a2{width: 960px;height: calc(960px*250/1680);border: 1px solid #eaeaea;background: #fff;margin: 0 auto;margin-top: calc(960px*30/1680);}

    .lx2-a2>textarea{width: 100%;height: 100%;font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);padding-left: calc(960px*38/1680);}

    .lx2-a3{width: calc(960px*520/1680);height: calc(960px*80/1680);border-radius: 50px;background: #f6a71a;text-align: center;position: relative;line-height: calc(960px*80/1680);margin: 0 auto;margin-top: calc(960px*60/1680);font-size: calc(960px*20/1680);color: #fff;}

    .lx2-a3>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

}

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

    #map1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .lx{width: 100%;padding: 0.6rem 0;}

    .lx1-a{font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;text-align: center;color: #000000;}

    .lx1-b{font-size: 0.26rem;line-height: 0.26rem;color: #b2b2b2;text-align: center;margin-top: 0.3rem;}

    .lx1-c{margin-top: 0.5rem;font-size: 0.6rem;line-height: 0.6rem;color: #f6a71a;text-align: center;font-weight: bold;}

    .lx1-d{margin-top: 0.5rem;}

    .lx1-d>p{font-size: 0.2rem !important;line-height: 0.2rem !important;margin-bottom: 0.15rem !important;text-align: center !important;color: #999999 !important;}

    .lx1-d>p:last-child{margin-bottom: 0;}

    .lx2{width: 100%;background: url(../img/a57.jpg) no-repeat center bottom;background-size: 1920px 800px; padding: 0.8rem 0 0.9rem 0;}

    .lx2-t1{font-size: 0.36rem;line-height: 0.36rem;text-align: center;font-weight: bold;color: #000;}

    .lx2-t2{font-size: 0.26rem;line-height: 0.26rem;color: #999999;text-align: center;margin-top: 0.3rem;}

    .lx2-a{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.6rem;}

    .lx2-a1{width: 100%;height: 0.64rem;border: 0.01rem solid #eaeaea;margin-bottom: 0.3rem;background: #fff;}

    .lx2-a1>input{width: 100%;height: 100%;font-size: 0.22rem;padding-left: 0.38rem;}

    .lx2-a2{width: calc(100% - 0.3rem*2);height: 2.5rem;border: 0.01rem solid #eaeaea;background: #fff;margin: 0 auto;}

    .lx2-a2>textarea{width: 100%;height: 100%;font-size: 0.22rem;line-height: 0.64rem;padding-left: 0.38rem;}

    .lx2-a3{width: 5.2rem;height: 0.8rem;border-radius: 0.5rem;background: #f6a71a;text-align: center;position: relative;line-height: 0.8rem;margin: 0 auto;margin-top: 0.6rem;font-size: 0.26rem;color: #fff;}

    .lx2-a3>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

}



/* 人才招聘 */

@media only screen and (min-width: 1720px){

    .zp{width: 1680px;margin: 0 auto;margin-top: 20px;margin-bottom: 110px;}

    .zp1{width: 100%;height: 72px;background: #0a8ffd;position: relative;}

    .zp1>div{font-size: 20px;line-height: 72px;color: #fff;font-weight: bold;position: absolute;top: 0;}

    .zp1-a{left: 80px;}

    .zp1-b{left: 530px;}

    .zp1-c{left: 965px;}

    .zp1-d{left: 1488px;}

    .zp2{width: 100%;margin-top: 30px;}

    .zp2-a{width: 100%;height: 90px;background: #f8f8f8;position: relative;}

    .zp2-a>div{font-size: 18px;line-height: 90px;position: absolute;top: 0;}

    .zp2-a .zp1-a{font-weight: bold;font-size: 20px;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-a{color: #f6a71a;transition: 0.5s;}

    .zp2-a .zp1-d{width: 20px;height: 90px;}

    .zp2-a .zp1-d>img{width: 20px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .zp2-a .zp1-d>img:nth-child(1){opacity: 1;transition: 0.5s;}

    .zp2-a .zp1-d>img:nth-child(2){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(1){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(2){opacity: 1;transition: 0.5s;}

    .zp2-b{width: 100%;background: #f8f8f8;margin-top: 4px;padding: 60px 80px;display: none;}

    .zp2-b1{font-size: 16px;line-height: 32px;}

    .zp2-b1 p{font-size: 16px !important;line-height: 32px !important;}
    
    .zp2-b1 span{font-size: 16px !important;line-height: 32px !important;}

    .zp2-b2{width: 100%;margin-top: 52px;}

    .zp2-b21{width: 320px;height: 54px;font-size: 16px;text-align: center;line-height: 54px;color: #fff;float: left;background: #f6a71a;border-radius: 50px;margin-right: 20px;}

    .zp2-b2>.zp2-b21:last-child{margin-right: 0;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .zp{width: 1400px;margin: 0 auto;margin-top: calc(1400px*20/1680);margin-bottom: calc(1400px*110/1680);}

    .zp1{width: 100%;height: calc(1400px*72/1680);background: #0a8ffd;position: relative;}

    .zp1>div{font-size: calc(1400px*20/1680);line-height: calc(1400px*72/1680);color: #fff;font-weight: bold;position: absolute;top: 0;}

    .zp1-a{left: calc(1400px*80/1680);}

    .zp1-b{left: calc(1400px*530/1680);}

    .zp1-c{left: calc(1400px*965/1680);}

    .zp1-d{left: calc(1400px*1488/1680);}

    .zp2{width: 100%;margin-top: calc(1400px*30/1680);}

    .zp2-a{width: 100%;height: calc(1400px*90/1680);background: #f8f8f8;position: relative;}

    .zp2-a>div{font-size: calc(1400px*18/1680);line-height: calc(1400px*90/1680);position: absolute;top: 0;}

    .zp2-a .zp1-a{font-weight: bold;font-size: calc(1400px*20/1680);transition: 0.5s;}

    .zp2.on .zp2-a .zp1-a{color: #f6a71a;transition: 0.5s;}

    .zp2-a .zp1-d{width: calc(1400px*20/1680);height: calc(1400px*90/1680);}

    .zp2-a .zp1-d>img{width: calc(1400px*20/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .zp2-a .zp1-d>img:nth-child(1){opacity: 1;transition: 0.5s;}

    .zp2-a .zp1-d>img:nth-child(2){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(1){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(2){opacity: 1;transition: 0.5s;}

    .zp2-b{width: 100%;background: #f8f8f8;margin-top: calc(1400px*4/1680);padding: calc(1400px*60/1680) calc(1400px*80/1680);display: none;}

    .zp2-b1{font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);}

    .zp2-b1 p{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

    .zp2-b1 span{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

    .zp2-b2{width: 100%;margin-top: calc(1400px*52/1680);}

    .zp2-b21{width: calc(1400px*320/1680);height: calc(1400px*54/1680);font-size: calc(1400px*16/1680);text-align: center;line-height: calc(1400px*54/1680);color: #fff;float: left;background: #f6a71a;border-radius: 50px;margin-right: calc(1400px*20/1680);}

    .zp2-b2>.zp2-b21:last-child{margin-right: 0;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .zp{width: 960px;margin: 0 auto;margin-top: calc(960px*20/1680);margin-bottom: calc(960px*110/1680);}

    .zp1{width: 100%;height: calc(960px*72/1680);background: #0a8ffd;position: relative;}

    .zp1>div{font-size: calc(960px*20/1680);line-height: calc(960px*72/1680);color: #fff;font-weight: bold;position: absolute;top: 0;}

    .zp1-a{left: calc(960px*80/1680);}

    .zp1-b{left: calc(960px*530/1680);}

    .zp1-c{left: calc(960px*965/1680);}

    .zp1-d{left: calc(960px*1488/1680);}

    .zp2{width: 100%;margin-top: calc(960px*30/1680);}

    .zp2-a{width: 100%;height: calc(960px*90/1680);background: #f8f8f8;position: relative;}

    .zp2-a>div{font-size: calc(960px*18/1680);line-height: calc(960px*90/1680);position: absolute;top: 0;}

    .zp2-a .zp1-a{font-weight: bold;font-size: calc(960px*20/1680);transition: 0.5s;}

    .zp2.on .zp2-a .zp1-a{color: #f6a71a;transition: 0.5s;}

    .zp2-a .zp1-d{width: calc(960px*20/1680);height: calc(960px*90/1680);}

    .zp2-a .zp1-d>img{width: calc(960px*20/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .zp2-a .zp1-d>img:nth-child(1){opacity: 1;transition: 0.5s;}

    .zp2-a .zp1-d>img:nth-child(2){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(1){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(2){opacity: 1;transition: 0.5s;}

    .zp2-b{width: 100%;background: #f8f8f8;margin-top: calc(960px*4/1680);padding: calc(960px*60/1680) calc(960px*80/1680);display: none;}

    .zp2-b1{font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);}

    .zp2-b1 p{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .zp2-b1 span{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .zp2-b2{width: 100%;margin-top: calc(960px*52/1680);}

    .zp2-b21{width: calc(960px*320/1680);height: calc(960px*54/1680);font-size: calc(960px*16/1680);text-align: center;line-height: calc(960px*54/1680);color: #fff;float: left;background: #f6a71a;border-radius: 50px;margin-right: calc(960px*20/1680);}

    .zp2-b2>.zp2-b21:last-child{margin-right: 0;}

}

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

    .zp{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.2rem;margin-bottom: 1.1rem;}

    .zp1{width: 100%;height: 0.72rem;background: #0a8ffd;position: relative;}

    .zp1>div{font-size: 0.26rem;line-height: 0.72rem;color: #fff;font-weight: bold;position: absolute;top: 0;}

    .zp1-a{left: 0.2rem;}

    .zp1-b{left: 2.3rem;}

    .zp1-c{left: 4.4rem;}

    .zp1-d{right: 0.3rem;}

    .zp2{width: 100%;margin-top: 0.3rem;}

    .zp2-a{width: 100%;height: 0.9rem;background: #f8f8f8;position: relative;}

    .zp2-a>div{font-size: 0.24rem;line-height: 0.9rem;position: absolute;top: 0;}

    .zp2-a .zp1-a{font-weight: bold;font-size: 0.26rem;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-a{color: #f6a71a;transition: 0.5s;}

    .zp2-a .zp1-d{width: 0.2rem;height: 0.9rem;}

    .zp2-a .zp1-d>img{width: 0.2rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .zp2-a .zp1-d>img:nth-child(1){opacity: 1;transition: 0.5s;}

    .zp2-a .zp1-d>img:nth-child(2){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(1){opacity: 0;transition: 0.5s;}

    .zp2.on .zp2-a .zp1-d>img:nth-child(2){opacity: 1;transition: 0.5s;}

    .zp2-b{width: 100%;background: #f8f8f8;margin-top: 0.04rem;padding: 0.3rem 0.3rem;display: none;}

    .zp2-b1{font-size: 0.22rem;line-height: 0.4rem;}

    .zp2-b1 p{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .zp2-b1 span{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .zp2-b2{width: 100%;margin-top: 0.52rem;}

    .zp2-b21{width: max-content;height: 0.54rem;font-size: 0.22rem;line-height: 0.54rem;color: #fff;background: #f6a71a;border-radius: 50px;margin-bottom: 0.2rem;padding: 0 0.3rem;}

    .zp2-b2>.zp2-b21:last-child{margin-bottom: 0;}

}

/* 新闻详情 */

@media only screen and (min-width: 1720px){

    .nxq{width: 1680px;margin: 0 auto;margin-top: 90px;padding-bottom: 90px;}

    .nxq-t{font-size: 30px;line-height: 30px;font-weight: bold;text-align: center;color: #000000;}

    .nxq-t1{font-size: 14px;line-height: 14px;color: #999999;text-align: center;margin-top: 30px;}

    .nxq-a{width: 100%;margin-top: 40px;border-top: 1px solid #eaeaea;font-size: 16px;line-height: 32px;padding: 60px 60px;}

    .nxq-a p{font-size: 16px !important;line-height: 32px !important;}

    .nxq-a span{font-size: 16px !important;line-height: 32px !important;}

    .nxq-a1{width: 210px;height: 70px;border-radius: 50px;border: 1px solid #cacaca;margin: 0 auto;text-align: center;line-height: 68px;font-size: 16px;color: #666666;transition: 0.5s;}

    .nxq-a1:hover {color: #fff;background: #f6a71a;border: 1px solid #f6a71a;transition: 0.5s;}

    .nxq-a2{width: 100%;margin-top: 50px;}

    .nxq-a2>div{font-size: 16px;line-height: 16px;color: #999999;}

    .nxq-a2>div:nth-child(1){float: left;}

    .nxq-a2>div:nth-child(2){float: right;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .nxq{width: 1400px;margin: 0 auto;margin-top: calc(1400px*90/1680);padding-bottom: calc(1400px*90/1680);}

    .nxq-t{font-size: calc(1400px*30/1680);line-height: calc(1400px*30/1680);font-weight: bold;text-align: center;color: #000000;}

    .nxq-t1{font-size: calc(1400px*14/1680);line-height: calc(1400px*14/1680);color: #999999;text-align: center;margin-top: calc(1400px*30/1680);}

    .nxq-a{width: 100%;margin-top: calc(1400px*40/1680);border-top: 1px solid #eaeaea;font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);padding: calc(1400px*60/1680) calc(1400px*60/1680);}

    .nxq-a p{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

    .nxq-a span{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}
    
    .nxq-a1{width: calc(1400px*210/1680);height: calc(1400px*70/1680);border-radius: 50px;border: 1px solid #cacaca;margin: 0 auto;text-align: center;line-height: calc(1400px*68/1680);font-size: calc(1400px*16/1680);color: #666666;transition: 0.5s;}

    .nxq-a1:hover {color: #fff;background: #f6a71a;border: 1px solid #f6a71a;transition: 0.5s;}

    .nxq-a2{width: 100%;margin-top: calc(1400px*50/1680);}

    .nxq-a2>div{font-size: calc(1400px*16/1680);line-height: calc(1400px*16/1680);color: #999999;}

    .nxq-a2>div:nth-child(1){float: left;}

    .nxq-a2>div:nth-child(2){float: right;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .nxq{width: 960px;margin: 0 auto;margin-top: calc(960px*90/1680);padding-bottom: calc(960px*90/1680);}

    .nxq-t{font-size: calc(960px*30/1680);line-height: calc(960px*30/1680);font-weight: bold;text-align: center;color: #000000;}

    .nxq-t1{font-size: calc(960px*14/1680);line-height: calc(960px*14/1680);color: #999999;text-align: center;margin-top: calc(960px*30/1680);}

    .nxq-a{width: 100%;margin-top: calc(960px*40/1680);border-top: 1px solid #eaeaea;font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);padding: calc(960px*60/1680);}

    .nxq-a p{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .nxq-a span{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}
    
    
    .nxq-a1{width: calc(960px*210/1680);height: calc(960px*70/1680);border-radius: 50px;border: 1px solid #cacaca;margin: 0 auto;text-align: center;line-height: calc(960px*68/1680);font-size: calc(960px*16/1680);color: #666666;transition: 0.5s;}

    .nxq-a1:hover {color: #fff;background: #f6a71a;border: 1px solid #f6a71a;transition: 0.5s;}

    .nxq-a2{width: 100%;margin-top: calc(960px*50/1680);}

    .nxq-a2>div{font-size: calc(960px*16/1680);line-height: calc(960px*16/1680);color: #999999;}

    .nxq-a2>div:nth-child(1){float: left;}

    .nxq-a2>div:nth-child(2){float: right;}

}

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

    .nxq{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.9rem;padding-bottom: 0.9rem;}

    .nxq-t{font-size: 0.3rem;line-height: 0.3rem;font-weight: bold;text-align: center;color: #000000;}

    .nxq-t1{font-size: 0.2rem;line-height: 0.2rem;color: #999999;text-align: center;margin-top: 0.3rem;}

    .nxq-a{width: 100%;margin-top: 0.4rem;border-top: 0.01rem solid #eaeaea;font-size: 0.22rem;line-height: 0.4rem;padding: 0.6rem 0;}

    .nxq-a p{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .nxq-a span{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    
    .nxq-a1{width: 2.1rem;height: 0.7rem;border-radius: 0.5rem;border: 0.01rem solid #cacaca;margin: 0 auto;text-align: center;line-height: 0.68rem;font-size: 0.22rem;color: #666666;transition: 0.5s;}

    .nxq-a2>div{font-size: 0.22rem;line-height: 0.22rem;color: #999999;margin-top: 0.5rem;}

}



/* 公司简介 */

@media only screen and (min-width: 1720px){

    .ab2{width: 1680px;margin: 0 auto;padding-top: 80px;position: relative;}

    .ab2-a{width: 100%;margin-top: 60px;height: 630px;position: relative;}

    .ab2-a1{width: 960px;height: 590px;position: absolute;left: 0;top: 0;}

    .ab2-a1>img{width: 100%;transition: 0.5s;}

    .ab2-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab2-a2{width: 600px;height: 40px;background: #0489ff;position: absolute;left: 120px;bottom: 0;}

    .ab2-a3{width: 960px;height: 590px;position: absolute;right: 0;top: 40px;background: url(../img/a61.png) no-repeat;background-size: 100% 100%;padding: 60px 80px 0 80px;}

    .ab2-a31{font-size: 24px;line-height: 24px;color: #f6a71a;text-align: center;font-weight: bold;}

    .ab2-a32{font-size: 16px;line-height: 32px;color: #666666;margin-top: 33px;}

    .ab2-a32 p{font-size: 16px !important;line-height: 32px !important;}

    .ab2-a32 span{font-size: 16px !important;line-height: 32px !important;}

    .ab3{width: 1680px;margin: 0 auto;margin-top: 80px;position: relative;}

    .ab3-b{width: 880px;height: 540px;float: right;}

    .ab3-b>img{width: 100%;transition: 0.5s;}

    .ab3-b:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab3-a{width: calc(100% - 880px - 90px);float: left;height: 540px;display: table;}

    .ab3-a1{width: 100%;height: max-content;display: table-cell;vertical-align: middle;}

    .ab3-a2{width: 100%;padding-left: 110px;padding-top: 28px;position: relative;}

    .ab3-a1>.ab3-a2:nth-child(2){margin-top: 56px;}

    .ab3-a21{width: 80px;height: 80px;position: absolute;left: 0;top: 0;}

    .ab3-a22{font-size: 24px;line-height: 24px;color: #000;font-weight: bold;}

    .ab3-a23{font-size: 16px;line-height: 32px;color: #666666;margin-top: 22px;}

    .ab4{width: 100%;padding: 90px 0 115px 0;background: #f0f6ff;position: relative;}

    .ab4-a{width: 1680px;margin: 0 auto;margin-top: 60px;position: relative;}

    .ab4-swi{width: 1280px;margin: 0 auto;height: 400px;}

    .ab4-a1{width: 100%;height: 100%;background: #fff;border-radius: 10px;padding: 40px 50px;position: relative;}

    .ab4-a2{width: 252px;height: 100%;}

    .ab4-a3{font-size: 18px;line-height: 18px;font-weight: bold;width: calc(100% - 252px - 100px);position: absolute;right: 50px;top: 134px;text-align: center;}

    .ab4-a4{width: 48px;height: 48px;position: absolute;right: calc((100% - 252px - 100px)/2 - 48px/2 + 50px);bottom: 128px;}

    .ab4-a4:hover {transform: rotate(360deg);transition: 0.5s;}

    .ab4-prev,.ab4-next{width: 80px;height: 80px;position: absolute;left: 0;top: calc(50% - 80px/2);margin: 0;border: 1px solid #cacaca;border-radius: 50%;}

    .ab4-prev>img,.ab4-next>img{width: 20px;height: 39px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab4-prev>img:nth-child(2),.ab4-next>img:nth-child(2){opacity: 0;}

    .ab4-next{left: auto;right: 0;}

    .ab4-next:hover,.ab4-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

    .ab4-prev:hover >img:nth-child(1),.ab4-next:hover >img:nth-child(1){opacity: 0;}

    .ab4-prev:hover >img:nth-child(2),.ab4-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

    .ab5{width: 100%;height: 700px;position: relative;}

    .ab5-a{width: 62.5%;height: 100%;position: relative;float: left;overflow: hidden;}

    .ab5>.ab5-a:nth-child(2){width: 36.5%;float: right;}

    .ab5-a1{width: 100%;height: 100%;position: relative;overflow: hidden;}

    .ab5-a1>img{width: 1200px;height: 100%;position: absolute;left: calc(50% - 1200px/2);top: 0;}

    .ab5-a2{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0);transition: 0.5s;padding:120px 100px 0 120px;}

    .ab5-a21{font-size: 40px;line-height: 40px;color: #fff;font-weight: bold;}

    .ab5-a22{font-size: 20px;line-height: 20px;color: #fff;margin-top: 32px;}

    .ab5-a23{width: 54px;height:4px;background: #f6a71a;margin-top: 40px;opacity: 0;transition: 0.5s;}

    .ab5-a24{font-size: 16px;line-height: 32px;color: #fff;margin-top: 40px;opacity: 0;height: 300px;overflow: hidden;overflow-y: auto;transition: 0.5s;}

    .ab5-a24::-webkit-scrollbar{width: 2px;background: rgba(0, 0, 0, 0);}

    .ab5-a24::-webkit-scrollbar-thumb{width: 2px;background: rgba(255, 255, 255, 0.5);border-radius: 20px;}

    .ab5-a24 p{font-size: 16px !important;line-height: 32px !important;}

    .ab5-a24 span{font-size: 16px !important;line-height: 32px !important;}

    .ab5-a.on .ab5-a23,.ab5-a.on .ab5-a24{opacity: 1;transition: 0.5s;}

    .ab5-a.on .ab5-a2{background:url(../img/a68.jpg) no-repeat center;background-size: 1200px 700px;transition: 0.5s;}

    .ab6{width: 100%;margin-top: 100px;background: #f8f8f8;padding: 90px 0 80px 0;position: relative;}

    .ab6-a{width: 1680px;margin: 0 auto;padding-bottom: 100px;position: relative;margin-top: 60px;}

    .ab6-swi{width: 100%;height: 310px;}

    .ab6-a1{width: 100%;height: 100%;background: #fff;position: relative;overflow: hidden;}

    .ab6-a1>img{width: 100%;height: 100%;transition: 0.5s;}

    .ab6-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab6-a1>div{width: 100%;height: 80px;background: rgba(0, 0, 0, 0.2);font-size: 20px;line-height: 80px;color: #fff;text-align: center;position: absolute;left: 0;bottom: -80px;transition: 0.5s;}

    .ab6-a1:hover >div{bottom:0;transition: 0.5s;}

    .ab6-prev,.ab6-next{width: 20px;height: 39px;position: absolute;left: calc(50% - 60px);top: auto;bottom: 0;margin: 0;opacity: 1 !important;}

    .ab6-prev>img,.ab6-next>img{width: 20px;height: 39px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab6-prev>img:nth-child(2),.ab6-next>img:nth-child(2){opacity: 0;}

    .ab6-next{left: auto;right: calc(50% - 60px);}

    .ab6-prev:hover >img:nth-child(1),.ab6-next:hover >img:nth-child(1){opacity: 0;}

    .ab6-prev:hover >img:nth-child(2),.ab6-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

    .ab7{width: 100%;padding: 122px 0 178px 0;background: url(../img/a72.jpg) no-repeat center;background-size: 1920px 100%;overflow: hidden;position: relative;}

    .ab7-a{width: 1680px;margin: 0 auto;margin-top: 110px;display: flex;justify-content: space-around;}

    .ab7-a2{width: 150px;height: 150px;border-radius: 50%;position: relative;}

    .ab7-a21{width: 150px;height: 150px;border-radius: 50%;background: rgba(246, 167, 26, 0.2);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab7-a22{width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0;transition: 0.5s;}

    .ab7-a22>img{height: 80px;position:absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab7-a22>img:nth-child(1){opacity: 1;transition: 0.5s;}

    .ab7-a22>img:nth-child(2){opacity: 0;}

    .ab7-a3{width: 150px;font-size: 18px;line-height: 32px;margin-top: 23px;text-align: center;}

    .ab7-a2:hover .ab7-a21{animation: 2s trans2 infinite linear;}

    @keyframes trans2 {0%{transform: scale(1);}50%{transform: scale(1.2);}100%{transform: scale(1);}}

    .ab7-a2:hover .ab7-a22{background: #f6a71a;transition: 0.5s;}

    .ab7-a2:hover .ab7-a22>img:nth-child(1){opacity: 0;}

    .ab7-a2:hover .ab7-a22>img:nth-child(2){opacity: 1;transition: 0.5s;}

}

@media only screen and (max-width: 1719px) and (min-width:1440px) {

    .ab2{width: 1400px;margin: 0 auto;padding-top: calc(1400px*80/1680);position: relative;}

.ab2-a{width: 100%;margin-top: calc(1400px*60/1680);height: calc(1400px*630/1680);position: relative;}

.ab2-a1{width: calc(1400px*960/1680);height: calc(1400px*590/1680);position: absolute;left: 0;top: 0;}

.ab2-a1>img{width: 100%;transition: 0.5s;}

.ab2-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

.ab2-a2{width: calc(1400px*600/1680);height: calc(1400px*40/1680);background: #0489ff;position: absolute;left: calc(1400px*120/1680);bottom: 0;}

.ab2-a3{width: calc(1400px*960/1680);height: calc(1400px*590/1680);position: absolute;right: 0;top: calc(1400px*40/1680);background: url(../img/a61.png) no-repeat;background-size: 100% 100%;padding: calc(1400px*60/1680) calc(1400px*80/1680) 0 calc(1400px*80/1680);}

.ab2-a31{font-size: calc(1400px*24/1680);line-height: calc(1400px*24/1680);color: #f6a71a;text-align: center;font-weight: bold;}

.ab2-a32{font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);color: #666666;margin-top: calc(1400px*33/1680);}

.ab2-a32 p{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

.ab2-a32 span{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

.ab3{width: 1400px;margin: 0 auto;margin-top: calc(1400px*80/1680);position: relative;}

.ab3-b{width: calc(1400px*880/1680);height: calc(1400px*540/1680);float: right;}

.ab3-b>img{width: 100%;transition: 0.5s;}

.ab3-b:hover >img{transform: scale(1.08);transition: 0.5s;}

.ab3-a{width: calc(100% - (1400px*880/1680) - (1400px*90/1680));float: left;height: calc(1400px*540/1680);display: table;}

.ab3-a1{width: 100%;height: max-content;display: table-cell;vertical-align: middle;}

.ab3-a2{width: 100%;padding-left: calc(1400px*110/1680);padding-top: calc(1400px*28/1680);position: relative;}

.ab3-a1>.ab3-a2:nth-child(2){margin-top: calc(1400px*56/1680);}

.ab3-a21{width: calc(1400px*80/1680);height: calc(1400px*80/1680);position: absolute;left: 0;top: 0;}

.ab3-a22{font-size: calc(1400px*24/1680);line-height: calc(1400px*24/1680);color: #000;font-weight: bold;}

.ab3-a23{font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);color: #666666;margin-top: calc(1400px*22/1680);}

.ab4{width: 100%;padding: calc(1400px*90/1680) 0 calc(1400px*115/1680) 0;background: #f0f6ff;position: relative;}

.ab4-a{width: 1400px;margin: 0 auto;margin-top: calc(1400px*60/1680);position: relative;}

.ab4-swi{width: calc(1400px*1280/1680);margin: 0 auto;height: calc(1400px*400/1680);}

.ab4-a1{width: 100%;height: 100%;background: #fff;border-radius: 10px;padding: calc(1400px*40/1680) calc(1400px*50/1680);position: relative;}

.ab4-a2{width: calc(1400px*252/1680);height: 100%;}

.ab4-a3{font-size: calc(1400px*18/1680);line-height: calc(1400px*18/1680);font-weight: bold;width: calc(100% - (1400px*252/1680) - (1400px*100/1680));position: absolute;right: calc(1400px*60/1680);top: calc(1400px*134/1680);text-align: center;}

.ab4-a4{width: calc(1400px*48/1680);height: calc(1400px*48/1680);position: absolute;right:  calc((100% - (1400px*252/1680) - (1400px*100/1680))/2 - (1400px*48/1680)/2 + (1400px*50/1680));bottom: calc(1400px*128/1680);}

.ab4-a4:hover {transform: rotate(360deg);transition: 0.5s;}

.ab4-prev,.ab4-next{width: calc(1400px*80/1680);height: calc(1400px*80/1680);position: absolute;left: 0;top: calc(50% - (1400px*80/1680)/2);margin: 0;border: 1px solid #cacaca;border-radius: 50%;}

.ab4-prev>img,.ab4-next>img{width: calc(1400px*20/1680);height: calc(1400px*39/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.ab4-prev>img:nth-child(2),.ab4-next>img:nth-child(2){opacity: 0;}

.ab4-next{left: auto;right: 0;}

.ab4-next:hover,.ab4-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

.ab4-prev:hover >img:nth-child(1),.ab4-next:hover >img:nth-child(1){opacity: 0;}

.ab4-prev:hover >img:nth-child(2),.ab4-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

.ab5{width: 100%;height: calc(1400px*700/1680);position: relative;}

.ab5-a{width: 62.5%;height: 100%;position: relative;float: left;overflow: hidden;}

.ab5>.ab5-a:nth-child(2){width: 36.5%;float: right;}

.ab5-a1{width: 100%;height: 100%;position: relative;overflow: hidden;}

.ab5-a1>img{width: calc(1400px*1200/1680);height: 100%;position: absolute;left: calc(50% - (1400px*1200/1680)/2);top: 0;}

.ab5-a2{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0);transition: 0.5s;padding:calc(1400px*120/1680) calc(1400px*100/1680) 0 calc(1400px*120/1680);}

.ab5-a21{font-size: calc(1400px*40/1680);line-height: calc(1400px*40/1680);color: #fff;font-weight: bold;}

.ab5-a22{font-size: calc(1400px*20/1680);line-height: calc(1400px*20/1680);color: #fff;margin-top: calc(1400px*32/1680);}

.ab5-a23{width: calc(1400px*54/1680);height:calc(1400px*4/1680);background: #f6a71a;margin-top: calc(1400px*40/1680);opacity: 0;transition: 0.5s;}

.ab5-a24{font-size: calc(1400px*16/1680);line-height: calc(1400px*32/1680);height: calc(1400px*300/1680);overflow: hidden;overflow-y: auto;color: #fff;margin-top: calc(1400px*40/1680);opacity: 0;transition: 0.5s;}

.ab5-a24::-webkit-scrollbar{width: 2px;background: rgba(0, 0, 0, 0);}

.ab5-a24::-webkit-scrollbar-thumb{width: 2px;background: rgba(255, 255, 255, 0.5);border-radius: 20px;}

.ab5-a24 p{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

.ab5-a24 span{font-size: calc(1400px*16/1680) !important;line-height: calc(1400px*32/1680) !important;}

.ab5-a.on .ab5-a23,.ab5-a.on .ab5-a24{opacity: 1;transition: 0.5s;}

.ab5-a.on .ab5-a2{background:url(../img/a68.jpg) no-repeat center;background-size: 1200px 700px;transition: 0.5s;}

.ab6{width: 100%;margin-top: calc(1400px*100/1680);background: #f8f8f8;padding: calc(1400px*90/1680) 0 calc(1400px*80/1680) 0;position: relative;}

.ab6-a{width: 1400px;margin: 0 auto;padding-bottom: calc(1400px*100/1680);position: relative;margin-top: calc(1400px*60/1680);}

.ab6-swi{width: 100%;height: calc(1400px*310/1680);}

.ab6-a1{width: 100%;height: 100%;background: #fff;position: relative;overflow: hidden;}

.ab6-a1>img{width: 100%;height: 100%;transition: 0.5s;}

.ab6-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

.ab6-a1>div{width: 100%;height: calc(1400px*80/1680);background: rgba(0, 0, 0, 0.2);font-size: calc(1400px*20/1680);line-height: calc(1400px*80/1680);color: #fff;text-align: center;position: absolute;left: 0;bottom: calc(1400px*-80/1680);transition: 0.5s;}

.ab6-a1:hover >div{bottom:0;transition: 0.5s;}

.ab6-prev,.ab6-next{width: calc(1400px*20/1680);height: calc(1400px*39/1680);position: absolute;left: calc(50% - (1400px*60/1680));top: auto;bottom: 0;margin: 0;opacity: 1 !important;}

.ab6-prev>img,.ab6-next>img{width: calc(1400px*20/1680);height: calc(1400px*39/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.ab6-prev>img:nth-child(2),.ab6-next>img:nth-child(2){opacity: 0;}

.ab6-next{left: auto;right: calc(50% - (1400px*60/1680));}

.ab6-prev:hover >img:nth-child(1),.ab6-next:hover >img:nth-child(1){opacity: 0;}

.ab6-prev:hover >img:nth-child(2),.ab6-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

.ab7{width: 100%;padding: calc(1400px*122/1680) 0 calc(1400px*178/1680) 0;background: url(../img/a72.jpg) no-repeat center;background-size: 1920px 100%;overflow: hidden;position: relative;}

.ab7-a{width: 1400px;margin: 0 auto;margin-top: calc(1400px*110/1680);display: flex;justify-content: space-around;}

.ab7-a2{width: calc(1400px*150/1680);height: calc(1400px*150/1680);border-radius: 50%;position: relative;}

.ab7-a21{width: calc(1400px*150/1680);height: calc(1400px*150/1680);border-radius: 50%;background: rgba(246, 167, 26, 0.2);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.ab7-a22{width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0;transition: 0.5s;}

.ab7-a22>img{height: calc(1400px*80/1680);position:absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.ab7-a22>img:nth-child(1){opacity: 1;transition: 0.5s;}

.ab7-a22>img:nth-child(2){opacity: 0;}

.ab7-a3{width: calc(1400px*150/1680);font-size: calc(1400px*18/1680);line-height: calc(1400px*32/1680);margin-top: calc(1400px*23/1680);text-align: center;}

.ab7-a2:hover .ab7-a21{animation: 2s trans2 infinite linear;}

@keyframes trans2 {0%{transform: scale(1);}50%{transform: scale(1.2);}100%{transform: scale(1);}}

.ab7-a2:hover .ab7-a22{background: #f6a71a;transition: 0.5s;}

.ab7-a2:hover .ab7-a22>img:nth-child(1){opacity: 0;}

.ab7-a2:hover .ab7-a22>img:nth-child(2){opacity: 1;transition: 0.5s;}

}

@media only screen and (max-width: 1439px) and (min-width:1024px) {

    .ab2{width: 960px;margin: 0 auto;padding-top: calc(960px*80/1680);position: relative;}

    .ab2-a{width: 100%;margin-top: calc(960px*60/1680);height: calc(960px*630/1680);position: relative;}

    .ab2-a1{width: calc(960px*960/1680);height: calc(960px*590/1680);position: absolute;left: 0;top: 0;}

    .ab2-a1>img{width: 100%;transition: 0.5s;}

    .ab2-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab2-a2{width: calc(960px*600/1680);height: calc(960px*40/1680);background: #0489ff;position: absolute;left: calc(960px*120/1680);bottom: 0;}

    .ab2-a3{width: calc(960px*960/1680);height: calc(960px*590/1680);position: absolute;right: 0;top: calc(960px*40/1680);background: url(../img/a61.png) no-repeat;background-size: 100% 100%;padding: calc(960px*60/1680) calc(960px*80/1680) 0 calc(960px*80/1680);}

    .ab2-a31{font-size: calc(960px*24/1680);line-height: calc(960px*24/1680);color: #f6a71a;text-align: center;font-weight: bold;}

    .ab2-a32{font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);color: #666666;margin-top: calc(960px*33/1680);}

    .ab2-a32 p{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .ab2-a32 span{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .ab3{width: 960px;margin: 0 auto;margin-top: calc(960px*80/1680);position: relative;}

    .ab3-b{width: calc(960px*880/1680);height: calc(960px*540/1680);float: right;}

    .ab3-b>img{width: 100%;transition: 0.5s;}

    .ab3-b:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab3-a{width: calc(100% - (960px*880/1680) - (960px*90/1680));float: left;height: calc(960px*540/1680);display: table;}

    .ab3-a1{width: 100%;height: max-content;display: table-cell;vertical-align: middle;}

    .ab3-a2{width: 100%;padding-left: calc(960px*110/1680);padding-top: calc(960px*28/1680);position: relative;}

    .ab3-a1>.ab3-a2:nth-child(2){margin-top: calc(960px*56/1680);}

    .ab3-a21{width: calc(960px*80/1680);height: calc(960px*80/1680);position: absolute;left: 0;top: 0;}

    .ab3-a22{font-size: calc(960px*24/1680);line-height: calc(960px*24/1680);color: #000;font-weight: bold;}

    .ab3-a23{font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);color: #666666;margin-top: calc(960px*22/1680);}

    .ab4{width: 100%;padding: calc(960px*90/1680) 0 calc(960px*115/1680) 0;background: #f0f6ff;position: relative;}

    .ab4-a{width: 960px;margin: 0 auto;margin-top: calc(960px*60/1680);position: relative;}

    .ab4-swi{width: calc(960px*1280/1680);margin: 0 auto;height: calc(960px*400/1680);}

    .ab4-a1{width: 100%;height: 100%;background: #fff;border-radius: 10px;padding: calc(960px*40/1680) calc(960px*50/1680);position: relative;}

    .ab4-a2{width: calc(960px*252/1680);height: 100%;}

    .ab4-a3{font-size: calc(960px*18/1680);line-height: calc(960px*18/1680);font-weight: bold;width: calc(100% - (960px*252/1680) - (960px*100/1680));position: absolute;right: calc(960px*60/1680);top: calc(960px*134/1680);text-align: center;}

    .ab4-a4{width: calc(960px*48/1680);height: calc(960px*48/1680);position: absolute;right: calc((100% - (960px*252/1680) - (960px*100/1680))/2 - (960px*48/1680)/2 + (960px*50/1680));bottom: calc(960px*128/1680);}

    .ab4-a4:hover {transform: rotate(360deg);transition: 0.5s;}

    .ab4-prev,.ab4-next{width: calc(960px*80/1680);height: calc(960px*80/1680);position: absolute;left: 0;top: calc(50% - (960px*80/1680)/2);margin: 0;border: 1px solid #cacaca;border-radius: 50%;}

    .ab4-prev>img,.ab4-next>img{width: calc(960px*20/1680);height: calc(960px*39/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab4-prev>img:nth-child(2),.ab4-next>img:nth-child(2){opacity: 0;}

    .ab4-next{left: auto;right: 0;}

    .ab4-next:hover,.ab4-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

    .ab4-prev:hover >img:nth-child(1),.ab4-next:hover >img:nth-child(1){opacity: 0;}

    .ab4-prev:hover >img:nth-child(2),.ab4-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

    .ab5{width: 100%;height: calc(960px*700/1680);position: relative;}

    .ab5-a{width: 62.5%;height: 100%;position: relative;float: left;overflow: hidden;}

    .ab5>.ab5-a:nth-child(2){width: 36.5%;float: right;}

    .ab5-a1{width: 100%;height: 100%;position: relative;overflow: hidden;}

    .ab5-a1>img{width: calc(960px*1200/1680);height: 100%;position: absolute;left: calc(50% - (960px*1200/1680)/2);top: 0;}

    .ab5-a2{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0);transition: 0.5s;padding:calc(960px*120/1680) calc(960px*100/1680) 0 calc(960px*120/1680);}

    .ab5-a21{font-size: calc(960px*40/1680);line-height: calc(960px*40/1680);color: #fff;font-weight: bold;}

    .ab5-a22{font-size: calc(960px*20/1680);line-height: calc(960px*20/1680);color: #fff;margin-top: calc(960px*32/1680);}

    .ab5-a23{width: calc(960px*54/1680);height:calc(960px*4/1680);background: #f6a71a;margin-top: calc(960px*40/1680);opacity: 0;transition: 0.5s;}

    .ab5-a24{font-size: calc(960px*16/1680);line-height: calc(960px*32/1680);height: calc(960px*300/1680);overflow: hidden;overflow-y: auto;color: #fff;margin-top: calc(960px*40/1680);opacity: 0;transition: 0.5s;}

    .ab5-a24::-webkit-scrollbar{width: 2px;background: rgba(0, 0, 0, 0);}

    .ab5-a24::-webkit-scrollbar-thumb{width: 2px;background: rgba(255, 255, 255, 0.5);border-radius: 20px;}

    .ab5-a24 p{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .ab5-a24 span{font-size: calc(960px*16/1680) !important;line-height: calc(960px*32/1680) !important;}

    .ab5-a.on .ab5-a23,.ab5-a.on .ab5-a24{opacity: 1;transition: 0.5s;}

    .ab5-a.on .ab5-a2{background:url(../img/a68.jpg) no-repeat center;background-size: 1200px 700px;transition: 0.5s;}

    .ab6{width: 100%;margin-top: calc(960px*100/1680);background: #f8f8f8;padding: calc(960px*90/1680) 0 calc(960px*80/1680) 0;position: relative;}

    .ab6-a{width: 960px;margin: 0 auto;padding-bottom: calc(960px*100/1680);position: relative;margin-top: calc(960px*60/1680);}

    .ab6-swi{width: 100%;height: calc(960px*310/1680);}

    .ab6-a1{width: 100%;height: 100%;background: #fff;position: relative;overflow: hidden;}

    .ab6-a1>img{width: 100%;height: 100%;transition: 0.5s;}

    .ab6-a1:hover >img{transform: scale(1.08);transition: 0.5s;}

    .ab6-a1>div{width: 100%;height: calc(960px*80/1680);background: rgba(0, 0, 0, 0.2);font-size: calc(960px*20/1680);line-height: calc(960px*80/1680);color: #fff;text-align: center;position: absolute;left: 0;bottom: calc(960px*-80/1680);transition: 0.5s;}

    .ab6-a1:hover >div{bottom:0;transition: 0.5s;}

    .ab6-prev,.ab6-next{width: calc(960px*20/1680);height: calc(960px*39/1680);position: absolute;left: calc(50% - (960px*60/1680));top: auto;bottom: 0;margin: 0;opacity: 1 !important;}

    .ab6-prev>img,.ab6-next>img{width: calc(960px*20/1680);height: calc(960px*39/1680);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab6-prev>img:nth-child(2),.ab6-next>img:nth-child(2){opacity: 0;}

    .ab6-next{left: auto;right: calc(50% - (960px*60/1680));}

    .ab6-prev:hover >img:nth-child(1),.ab6-next:hover >img:nth-child(1){opacity: 0;}

    .ab6-prev:hover >img:nth-child(2),.ab6-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

    .ab7{width: 100%;padding: calc(960px*122/1680) 0 calc(960px*178/1680) 0;background: url(../img/a72.jpg) no-repeat center;background-size: 1920px 100%;overflow: hidden;position: relative;}

    .ab7-a{width: 960px;margin: 0 auto;margin-top: calc(960px*110/1680);display: flex;justify-content: space-around;}

    .ab7-a2{width: calc(960px*150/1680);height: calc(960px*150/1680);border-radius: 50%;position: relative;}

    .ab7-a21{width: calc(960px*150/1680);height: calc(960px*150/1680);border-radius: 50%;background: rgba(246, 167, 26, 0.2);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab7-a22{width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0;transition: 0.5s;}

    .ab7-a22>img{height: calc(960px*80/1680);position:absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab7-a22>img:nth-child(1){opacity: 1;transition: 0.5s;}

    .ab7-a22>img:nth-child(2){opacity: 0;}

    .ab7-a3{width: calc(960px*150/1680);font-size: calc(960px*18/1680);line-height: calc(960px*32/1680);margin-top: calc(960px*23/1680);text-align: center;}

    .ab7-a2:hover .ab7-a21{animation: 2s trans2 infinite linear;}

    @keyframes trans2 {0%{transform: scale(1);}50%{transform: scale(1.2);}100%{transform: scale(1);}}

    .ab7-a2:hover .ab7-a22{background: #f6a71a;transition: 0.5s;}

    .ab7-a2:hover .ab7-a22>img:nth-child(1){opacity: 0;}

    .ab7-a2:hover .ab7-a22>img:nth-child(2){opacity: 1;transition: 0.5s;}

}

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

    .ab2{width: calc(100% - 0.3rem*2);margin: 0 auto;padding-top: 0.8rem;position: relative;}

    .ab2-a{width: 100%;margin-top: 0.6rem;position: relative;}

    .ab2-a1{width: 100%;}

    .ab2-a1>img{width: 100%;transition: 0.5s;}

    .ab2-a2{width: 3rem;height: 0.4rem;background: #0489ff;position: absolute;left: calc(100% - 3rem);bottom: 0;display: none;}

    .ab2-a3{width: 100%;background: url(../img/a61.png) no-repeat;background-size: 100% 100%;padding: 0.6rem 0.3rem;}

    .ab2-a31{font-size: 0.32rem;line-height: 0.32rem;color: #f6a71a;text-align: center;font-weight: bold;}

    .ab2-a32{font-size: 0.22rem;line-height: 0.4rem;color: #666666;margin-top: 0.33rem;}

    .ab2-a32 p{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .ab2-a32 span{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .ab3{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.8rem;position: relative;}

    .ab3-b{width: 100%;margin-top: 0.3rem;}

    .ab3-b>img{width: 100%;transition: 0.5s;}

    .ab3-a{width: 100%;}

    .ab3-a1{width: 100%;}

    .ab3-a2{width: 100%;padding-left: 1.1rem;padding-top: 0.28rem;position: relative;}

    .ab3-a1>.ab3-a2:nth-child(2){margin-top: 0.56rem;}

    .ab3-a21{width: 0.8rem;height: 0.8rem;position: absolute;left: 0;top: 0;}

    .ab3-a22{font-size: 0.32rem;line-height: 0.32rem;color: #000;font-weight: bold;}

    .ab3-a23{font-size: 0.22rem;line-height: 0.4rem;color: #666666;margin-top: 0.22rem;}

    .ab4{width: 100%;padding: 0.9rem 0 1.15rem 0;background: #f0f6ff;position: relative;}

    .ab4-a{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.6rem;position: relative;padding-bottom: 1rem;}

    .ab4-swi{width: 100%;margin: 0 auto;height: 4rem;}

    .ab4-a1{width: 100%;height: 100%;background: #fff;border-radius: 0.1rem;padding: 0.4rem 0.5rem;position: relative;}

    .ab4-a2{width: 2.52rem;height: 100%;}

    .ab4-a3{font-size: 0.24rem;line-height: 0.24rem;font-weight: bold;width: calc(100% - 2.52rem - 1rem);position: absolute;right: 0rem;top: 1.34rem;text-align: center;}

    .ab4-a4{width: 0.48rem;height: 0.48rem;position: absolute;right: calc((100% - 2.52rem - 1rem)/2 - 0.48rem/2);bottom: 1.28rem;}

    .ab4-a4:hover {transform: rotate(360deg);transition: 0.5s;}

    .ab4-prev,.ab4-next{width: 0.8rem;height: 0.8rem;position: absolute;left: calc(50% - 1rem);top:auto;bottom: 0; margin: 0;border: 0.01rem solid #cacaca;border-radius: 50%;}

    .ab4-prev>img,.ab4-next>img{width: 0.2rem;height: 0.39rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab4-prev>img:nth-child(2),.ab4-next>img:nth-child(2){opacity: 0;}

    .ab4-next{left: auto;right: calc(50% - 1rem);}

    .ab4-next:hover,.ab4-prev:hover {border: none;background: #088dfd;transition: 0.5s;}

    .ab4-prev:hover >img:nth-child(1),.ab4-next:hover >img:nth-child(1){opacity: 0;}

    .ab4-prev:hover >img:nth-child(2),.ab4-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

    .ab5{width: 100%;position: relative;}

    .ab5-a{width: 100%;position: relative;overflow: hidden;padding-bottom: 0.5rem;}

    .ab5-a1{width: 100%;position: relative;overflow: hidden;}

    .ab5-a1>img{width: 100%;}

    .ab5-a2{width: 100%;padding:0.8rem 0.3rem 0 0.3rem;}

    .ab5-a21{font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;}

    .ab5-a22{font-size: 0.26rem;line-height: 0.26rem;margin-top: 0.32rem;}

    .ab5-a23{width: 0.54rem;height:0.04rem;background: #f6a71a;margin-top: 0.4rem;transition: 0.5s;}

    .ab5-a24{font-size: 0.22rem;line-height: 0.4rem;margin-top: 0.4rem;transition: 0.5s;}

    .ab5-a24 p{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .ab5-a24 span{font-size: 0.22rem !important;line-height: 0.4rem !important;}

    .ab6{width: 100%;margin-top: 1rem;background: #f8f8f8;padding: 0.8rem 0 0.8rem 0;position: relative;}

    .ab6-a{width: calc(100% - 0.3rem*2);margin: 0 auto;padding-bottom: 1rem;position: relative;margin-top: 0.6rem;}

    .ab6-swi{width: 100%;height: 5rem;}

    .ab6-a1{width: 100%;height: 100%;background: #fff;position: relative;overflow: hidden;}

    .ab6-a1>img{width: 100%;height: 100%;transition: 0.5s;}

    .ab6-a1>div{width: 100%;height: 0.8rem;background: rgba(0, 0, 0, 0.2);font-size: 0.26rem;line-height: 0.8rem;color: #fff;text-align: center;position: absolute;left: 0;bottom: 0;transition: 0.5s;}

    .ab6-prev,.ab6-next{width: 0.2rem;height: 0.39rem;position: absolute;left: calc(50% - 0.6rem);top: auto;bottom: 0;margin: 0;opacity: 1 !important;}

    .ab6-prev>img,.ab6-next>img{width: 0.2rem;height: 0.39rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab6-prev>img:nth-child(2),.ab6-next>img:nth-child(2){opacity: 0;}

    .ab6-next{left: auto;right: calc(50% - 0.6rem);}

    .ab6-prev:hover >img:nth-child(1),.ab6-next:hover >img:nth-child(1){opacity: 0;}

    .ab6-prev:hover >img:nth-child(2),.ab6-next:hover >img:nth-child(2){opacity: 1;transition: 0.5s;}

    .ab7{width: 100%;padding: 0.8rem 0 0.8rem 0;background: url(../img/a72.jpg) no-repeat center bottom;background-size: 1920px 100%;overflow: hidden;position: relative;}

    .ab7-a{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 1.1rem;display: flex;justify-content: space-between;}

    .ab7-a2{width: 1.5rem;height: 1.5rem;border-radius: 50%;position: relative;}

    .ab7-a21{width: 1.5rem;height: 1.5rem;border-radius: 50%;background: rgba(246, 167, 26, 0.2);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab7-a22{width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0;transition: 0.5s;}

    .ab7-a22>img{height: 0.8rem;position:absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ab7-a22>img:nth-child(1){opacity: 1;transition: 0.5s;}

    .ab7-a22>img:nth-child(2){opacity: 0;}

    .ab7-a3{width: 1.5rem;font-size: 0.24rem;line-height: 0.4rem;margin-top: 0.23rem;text-align: center;}

    .ab7-a2:hover .ab7-a21{animation: 2s trans2 infinite linear;}

    @keyframes trans2 {0%{transform: scale(1);}50%{transform: scale(1.2);}100%{transform: scale(1);}}

    .ab7-a2:hover .ab7-a22{background: #f6a71a;transition: 0.5s;}

    .ab7-a2:hover .ab7-a22>img:nth-child(1){opacity: 0;}

    .ab7-a2:hover .ab7-a22>img:nth-child(2){opacity: 1;transition: 0.5s;}

}


@media only screen and (min-width: 1024px) {
    .base{position: fixed; bottom: 168px;right: 0;z-index: 9;}
    .base1{width: 48px;height: 48px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;background: #f6a71a;position: relative;}
    .base1>img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .base2{width: 48px;height: 48px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;background: #0489ff;position: relative;margin-top: 3px;}
    .base2>img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .base2>div{height: 48px;background: #0489ff;color: #fff;text-align:center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;line-height: 48px;font-size: 16px;width: 0;overflow: hidden;position: absolute;right: 100%;top: 0;transition: 0.5s;}
    .base2:hover >div{width: 140px;transition: 0.5s;}
    .base2:hover{border-radius: 0;}
    .base3{width: 48px;height: 48px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;background: #0489ff;position: relative;margin-top: 3px;transition: 0.5s;}
    .base3>img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .base3>div{width: 110px;height: 110px;position: absolute;right: calc(100% + 2px);top: calc(50% - 110px/2);transform: scale(0);transition: 0.5s;}
    .base3:hover {background: rgba(0, 0, 0, 0.75);transition: 0.5s;}
    .base3:hover >div{transform: scale(1);transition: 0.5s;}
}
@media only screen and (max-width: 1023px) {
    .base{position: fixed; bottom: 2.68rem;right: 0;z-index: 9;}
    .base1{width: 0.48rem;height: 0.48rem;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;background: #f6a71a;position: relative;}
    .base1>img{width: 0.26rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .base2{width: 0.48rem;height: 0.48rem;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;background: #0489ff;position: relative;margin-top: 0.03rem;}
    .base2>img{width: 0.26rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .base2>div{height: 0.48rem;background: #0489ff;color: #fff;text-align:center;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;line-height: 0.48rem;font-size: 0.22rem;width: 0;overflow: hidden;position: absolute;right: 100%;top: 0;transition: 0.5s;}
    .base2:hover >div{width: 2rem;transition: 0.5s;}
    .base2:hover{border-radius: 0;}
    .base3{width: 0.48rem;height: 0.48rem;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;background: #0489ff;position: relative;margin-top: 0.03rem;transition: 0.5s;}
    .base3>img{width: 0.26rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .base3>div{width: 1.1rem;height: 1.1rem;position: absolute;right: calc(100% + 0.02rem);top: calc(50% - 1.1rem/2);transform: scale(0);transition: 0.5s;}
    .base3:hover {background: rgba(0, 0, 0, 0.75);transition: 0.5s;}
    .base3:hover >div{transform: scale(1);transition: 0.5s;}
}
*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	.zhaopinmain{
		width: 100%;
		padding: 90px 0;
		background-image: url('__INDEX__ydzpbg.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
	}
	.zhaopinbox{
		width: 87.5%;
		margin: 0 auto;
	}
	.ydzptitle{
		width: 100%;
		margin-bottom: 57px;
		text-align: center;
	}
	.ydzptitle h1{
		width: 100%;
		margin-bottom: 29px;
		font-size: 40px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #000000;
	}
	.ydzptitle p{
		width: 100%;
		font-size: 20px;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #B2B2B2;
	}
	.ydzpnavbox{
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #e5e5e5;
		display: flex;
		align-items: center;
	}
	.ydzpnavbox>span{
		margin-right: 30px;
		font-size: 16rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #333333;
	}
	.zpnavlist{
		flex: 1;
		display: flex;
		align-items: center;
	}
	.zpnavlist .select{
		color: #fff;
		background: #F6A71A;
	}
	.zpnavitem{
		display: inline-block;
		margin-right: 50px;
		padding: 8px 15px;
		border-radius: 18px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666666;
		text-decoration: none;
	}
	.ydzpzwlist{
		width: 100%;
		padding-top: 33px;
		padding-bottom: 70px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.ydzpzwitem:nth-child(3n){
		margin-right: 0;
	}
	.ydzpzwitem{
		width: 31.5%;
		margin-right: 2.5%;
		margin-bottom: 2.5%;
		padding: 50px 40px 40px 40px;
		background: #fff;
		transition: .5s;
		text-decoration: none;
		border-bottom: 4px solid transparent;
		border-top: 1px solid transparent;
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;
	}
	.ydzpzwitem h2{
		width: 100%;
		margin-bottom: 18px;
		font-size: 20px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #333333;
		transition: .3s;
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
	.ydzpzwitem p{
		width: 100%;
		margin-bottom: 70px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666666;
		line-height: 32px;
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
	}
	.zpzwbtn{
		width: 100%;
		padding: 0 30px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.zpzwbtn .zpbtn:last-child{
		margin-right: 0;
	}
	.zpzwbtn .zpbtn{
		width: 48%;
		height: 50px;
		margin-right: 10px;
		background: #F5F5F5;
		border-radius: 6px;
		text-align: center;
		line-height: 50px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		transition: .3s;
	}
	.zpzwbtn .zpbtn span{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
		min-width: 100%;
		width: auto;
		padding-left: 6px;
		padding-right: 6px;
		transition: .3s;
		transform: translateY(0);
		display: none;
	}
	.ydzpzwitem:hover{
		transform: translateY(-10px);
		border-bottom-color: #F6A71A;
		border-left-color: #f0f0f0;
        border-right-color: #f0f0f0;
        border-top-color: #f0f0f0;
	}
	.ydzpzwitem:hover h2{
		color: #F6A71A;
	}
	.ydzpzwitem .dhbtn:hover span{
	    display: block !important;
		transform: translateY(-100%);
	}
	.ydzpzwitem .zpzxbtn:hover span{
	    display: block !important;
		transform: translateY(-100%);
	}
	.ydzpzwitem .zpbtn:hover{
		color: #fff;
		background: #F6A71A;
	}
	@media only screen and (max-width: 1480px) {
		.ydzpzwitem{
			padding: 40px 30px 30px 30px;
			border-bottom: 3px solid transparent;
		}
		.ydzpzwitem h2{
			margin-bottom: 12px;
		}
		.ydzpzwitem p{
			margin-bottom: 50px;
		}
		.zpzwbtn .zpbtn{
			width: 140px;
			height: 40px;
			line-height: 40px;
			font-size: 16px;
		}
	}
	@media only screen and (max-width: 1280px) {
		.zpzwbtn{
			padding: 0;
		}
		.ydzpnavbox>span{
			margin-right: 20px;
			font-size: 15rpx;
		}
		.zpnavitem{
			margin-right: 40px;
			font-size: 15px;
		}
	}
	@media only screen and (max-width: 1060px){
		.ydzpzwitem:nth-child(3n){
			margin-right: 3.8%;
		}
		.zpzwbtn{
			padding: 0 30px;
		}
		.ydzpzwitem:nth-child(2n){
			margin-right: 0;
		}
		.ydzpzwitem{
			width: 48%;
			margin-right: 3.8%;
			margin-bottom: 3.8%;
		}
	}
	@media only screen and (max-width: 830px){
		.zpzwbtn{
			padding: 0;
		}
		.ydzpnavbox>span{
			font-size: 14rpx;
		}
		.zpnavitem{
			margin-right: 30px;
			font-size: 14px;
		}
	}
	@media only screen and (max-width: 768px){
		.zpnavlist{
			display: block;
			white-space: nowrap;
			overflow-x: auto;
		}
		.zpnavlist::-webkit-scrollbar{
			display: none;
		}
	}
	@media only screen and (max-width: 700px){
		.ydzpzwitem:nth-child(3n){
			margin-right: 0;
		}
		.zpzwbtn{
			padding: 0 30px;
		}
		.ydzpzwitem:nth-child(2n){
			margin-right: 0;
		}
		.ydzpzwitem{
			width: 100%;
			margin-right: 0;
			margin-bottom: 3.8%;
		}
	}
	*{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		.zhaopinmain{
			width: 100%;
			padding: 90px 0;
			background: #fff;
			display: flex;
			align-items: center;
		}
		.zhaopinbox{
			width: 87.5%;
			margin: 0 auto;
		}
		.ydzpxqtitle{
			width: 100%;
			padding-bottom: 36px;
			border-bottom: 1px solid #eaeaea;
			margin-bottom: 57px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.zpxqleft h2{
			margin-bottom: 24px;
			font-size: 30px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #000000;
		}
		.zpxqleft p{
			font-size: 18px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #999999;
		}
		
		
		.zpxqright{
			padding-top: 50px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.zpxqright .zpbtn:last-child{
			margin-right: 0;
		}
		.zpxqright .zpbtn{
			display: inline-block;
			width: 180px;
			height: 50px;
			margin-right: 20px;
			border-radius: 6px;
			text-align: center;
			line-height: 50px;
			font-size: 16px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			transition: .3s;
			cursor: pointer;
		}
		.zpxqright .tdjl{
			color: #fff;
			background: #0489FF;
		}
		.zpxqright .dhbtn{
			color: #fff;
			background: #F6A71A;
			position: relative;
		}
		.zpxqright .dhbtn span{
			position: absolute;
			left: 0;
			bottom: 100%;
			width: 100%;
			transition: .3s;
			display: none;
			background: #F8F8F8;
			color: #333333;
		}
		.zpxqinfors{
			width: 100%;
			padding: 74px 0;
		}
		.zpxqinfors p,.zpxqinfors span{
			font-size: 16px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #333333;
			line-height: 32px;
		}
		.shangxiabtn{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			overflow: hidden;
		}
		.shangxiabtn a{
			font-size: 16px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #999999;
			text-decoration: none;
		}
		.shangxiabtn a span{
			color: #333333;
		}
		@media only screen and (max-width: 1024px) {
			.zpxqleft h2{
				margin-bottom: 16px;
				font-size: 26px;
			}
			.zpxqleft p{
				font-size: 16px;
			}
			.zpxqright .zpbtn{
				display: inline-block;
				width: 140px;
				height: 40px;
				line-height: 40px;
				font-size: 16px;
			}
		}
		@media only screen and (max-width: 780px) {
			.zpxqleft h2{
				margin-bottom: 12px;
				font-size: 22px;
			}
			.zpxqleft p{
				font-size: 14px;
			}
			.zpxqright .zpbtn{
				display: inline-block;
				width: 130px;
				height: 36px;
				line-height: 36px;
				font-size: 14px;
			}
		}