.foot{width: 100%;background-color: #333333;padding-top: 30px;}
.foot .case{width: 62.5%;margin:0 auto;}
.foot .case .top{width: 100%;display: flex;justify-content: space-between;}
.top1 p{color: white; font-size:15px; line-height: 45px;}
.top1 a{color: #666666; font-size:14px; line-height: 30px;text-decoration: none;}
.top2 p{color: white; font-size:15px; line-height: 45px;}
.top2 a{color: #666666; font-size:14px; line-height: 30px;text-decoration: none;}
.top3 p{color: white; font-size:15px; line-height: 45px;}
.top3 span{color: #666666; font-size:14px; line-height: 30px;text-decoration: none;}
.bottom{width: 100%;background-color: #262626;}
.bottom .case{width: 62.5%;display: flex;justify-content: space-between;margin: 0 auto;}
.bot_left{width: 65%;}
.bot_left span{color: #666666; font-size: 12.43px;}
.bot_right{width: 20%;}
.bot_right span{color: #666666; font-size: 14px;}
.top1 a:hover{color: white;}
.top2 a:hover{color: white;}

.center{width: 100%;padding-bottom: 100px;}
.center .case{width:62.5%;margin:0 auto;overflow: hidden;}
.cen_top1{width: 100%;padding-top: 32px;}
.cent_top{width: 100%;height: 70px; border-left: 5px solid #fc8437;line-height: 35px;}
.cent_top p{font-size: 30px; margin-left: 20px;}
.cent_top p:hover{color: #0050a5;}
.cent_top span{font-size: 16px;color: #888888;margin-left: 20px;}
.cent_bottom{width: 100%;display: flex;justify-content: space-between;margin-top: 70px;}
.cent_bleft{width: 47%;}
.cent_bleft img{width: 100%;}
.cent_bleft video{width: 100%;}
.cent_bright{width: 50%;margin-top: 40px;}
.cent_brtop{width: 100%;}
.cent_brtop p{font-size: 22px;}
.cent_brtop p:hover{color: #0050a5;}
.line1{width: 100%;border: 1px solid #e0e0e0;height: 0;margin-top: 20px;}
.line1 div{width: 7%;border:2px solid #0050a5;height: 0;margin-top: -2px;}
.cent_brfoot{width: 100%;margin-top: 30px;}
.cent_brfoot p{font-size: 14px;color: #888888;margin-bottom: 35px;line-height: 25px;}
.cent_brfoot p:hover{color: black;}
.center2{width:100%;}
.center2 .case{width: 62.5%;margin:0 auto;padding-top: 55px;padding-bottom: 60px;overflow: hidden;}
.cent2_top{width: 100%;height: 70px; border-left: 5px solid #fc8437;line-height: 35px;margin-bottom: 70px;}
.cent2_top p{font-size: 30px; margin-left: 20px;color: white;}
.cent2_top span{font-size: 16px;color: white;margin-left: 20px;}
.cent2_foot{width: 100%;display: flex;justify-content: space-between;`}
.cent_fbox{width: 32%;background-color: white;transform-style: preserve-3d;perspective: 1000px;overflow: hidden;cursor: pointer;}
.cent_fbox:hover{box-shadow: 5px 5px 5px #0050a5;}
.fbox_t2{width: 100%;}
.fbox_t2:hover{transform: translate3d(0px, 0px, 10px);transition: transform 1s linear 0s;}
.fbox_t2 img{width: 100%;}
.fbox_b2{width: 100%;margin-top: 30px;}
.b2_t{width: 82%;margin: 0 auto;}
.b2_t p{color: #939393;font-size: 20px;}
.b2_t p:hover{color: #0050a5;}
.b2_f span:hover{color: #0050a5;}
.line2{width: 82%;border: 1px solid #cccccc;height: 0;margin: 0 auto;margin-top: 15px;margin-bottom: 20px;}
.line2 div{width: 6%;border:1px solid #0050a5;height: 0;margin-top: -1px;}
.b2_f{width: 82%;margin: 0 auto;margin-bottom: 45px;}
.b2_f span{color: #989898;font-size: 14px;line-height: 30px;}
.center3{width: 100%;background-color: #f9f9f9;padding-bottom: 80px;}
.center3 .case{width: 62.5%;margin: 0 auto; padding-top: 60px;overflow: hidden;}
.cent3_top{width: 100%;height: 70px; border-left: 5px solid #fc8437;line-height: 35px;margin-bottom: 50px;}
.cent3_top p{font-size: 30px; margin-left: 20px;}
.cent3_top p:hover{color: #0050a5;}
.cent3_top span{font-size: 16px;color: #888888;margin-left: 20px;}
.cent3_bottom{width: 100%;}
.cen3_s{width: 100%;height: 50px;line-height: 50px;background-color: #0050a5;}
.cen3_s div ul{width:72.5%;display: flex;justify-content: space-between;cursor: pointer;}
.cen3_s div li{width: 20%;color: white;font-size: 16px;text-align: center;}
.cen3_s div li:hover{color: black;background-color: white;}
.cen3-active{background-color: #fd5a1e;}
li{list-style: none;}
.cen3_x{width: 99.8%;display: flex;justify-content: space-between;border: 1px solid #e2e2e2;}
.cen3_x1{width: 16%;padding-top:30px;box-sizing: border-box;}
.x1_t{width: 100%;cursor: pointer;}
.x1_t p{margin-left: 10%;display: inline-block;width: 130px;height: 40px;line-height: 40px;background-color: #fd5a1e;font-size: 18px;color: white;text-align: center;}
.x1_f{width: 100%;margin: 0 auto;margin-bottom: 40px;margin-top: 25px;}
.x1_f p{font-size: 14px;color: #666666;line-height: 36px;margin-left: 10%;}
.cen3_x2{width: 42%;background-color: #f6f6f6;padding-top:30px;box-sizing: border-box;cursor: pointer;}
.x2_t{width: 100%;}
.x2_t p{margin-left: 5%;display: inline-block;width: 130px;height: 40px;line-height: 40px;background-color: #fd5a1e;font-size: 18px;color: white;text-align: center;}
.x2_f{width: 100%;margin: 0 auto;margin-bottom: 40px;margin-top: 25px;}
.x2_f p{font-size: 14px;color: #666666;line-height: 36px;margin-left: 5%;}
.cen3_x3{width: 42%;padding-top:30px;box-sizing: border-box;cursor: pointer;}
.x3_t{width: 100%;}
.x3_t p{margin-left: 5%;display: inline-block;width: 130px;height: 40px;line-height: 40px;background-color: #fd5a1e;font-size: 18px;color: white;text-align: center;}
.x3_f{width: 100%;margin: 0 auto;margin-bottom: 40px;margin-top: 25px;}
.x3_f p{font-size: 14px;color: #666666;line-height: 36px;margin-left: 5%;}
.main-gn{display: none;}
.active-gn1{display: block;}
.center4{width: 100%;}
.center4 .case{width: 62.5%;margin:0 auto;padding-top: 60px;overflow: hidden;}
.cent4_top{width: 100%;height: 70px; border-left: 5px solid #fc8437;line-height: 35px;margin-bottom: 50px;}
.cent4_top p{font-size: 30px; margin-left: 20px;}
.cent4_top p:hover{color: #0050a5;}
.cent4_top span{font-size: 16px;color: #888888;margin-left: 20px;}
.cent4_foot{width: 100%;}
.cent4_box{width: 92%;margin:0 auto;border:1px solid #eeeeee; display: flex;justify-content: space-between;}
.cent4_bl{width: 50%;text-align: left;cursor: pointer;}
.cent4_bl div{width: 90%;margin: 0 auto;display: flex;margin-top: 15px;margin-bottom: 6px; }
.cent4_bl div p{font-size: 15px;color: #747474;}
.cent4_bl div p:hover{color: #0050a5;}
.cent4_br{width: 49%;transform-style: preserve-3d;perspective: 100px;overflow: hidden;cursor: pointer;}
.cent4_br img{width: 100%;}
.cent4_br img:hover{transform: translate3d(0px, 0px, 10px);transition: transform 1s linear 0s;}
.center5{width: 100%;height: 300px;margin-top: 70px;}
.fter_bottom{line-height: 50px;}
.fter_bottom>a{font-size: 14px; color: #666666; text-decoration: none;}

@media only screen and (max-width: 1600px){
	.case{width: 62.5%;}
	.center .case{width: 74.5%;}
	.center2 .case{width: 74.5%;}
	.center3 .case{width: 74.5%;}
	.center4 .case{width: 74.5%;}
	.foot .case{width: 74.5%;}
	.bottom .case{width: 74.5%;}
	.bot_right {width: 26%;}
}
@media only screen and (max-width: 1220px){
	.box{width: 82.5%;}
	.head2 .case {width:82.5%; }
	.head3 .case {width:82.5%; }
	.center .case {width:82.5%; }
	.cent_bright {margin-top: 0px;}
	.center2 .case{width: 82.5%;}
	.center3 .case{width: 82.5%;}
	.cen3_x1 {width: 23%;}
	.center4 .case{width: 82.5%;}
	.cent4_box {width: 100%;}
	.cent4_bl {width: 67%;}
	.cent4_bl div p {font-size: 18px;}
	.foot .case {width: 82.5%;}
	.bottom1 .case {width: 82.5%;}
	.place .case {width: 82.5%;}
}
@media only screen and (max-width: 991px){
	.h_left {width: 34%;}
	.r { font-size: 17px;}
	.rl { font-size: 15px;}
	.BOX-top {width: 100%;}
	.head3 .case .right>input {width: 91%;}
	.cent_bleft {padding-top: 90px;box-sizing: border-box;}
	.cen3_x2 {width: 38%;}
	.cen3_x3 {width: 38%;}
	.cent4_bl {width: 75%;}
	.cent4_br {width: 0%;}

}
@media only screen and (max-width: 768px){
	.box {width: 95%;}
	.head2 .case {width: 95%;}
	.head3 .case {width: 95%;}
	.head3 .case .left {width: 86%;}
	.head3 .case .right>input {width: 96%;}
	.cent_bleft {width: 0%;}
	.cent_bright {width: 100%;}
	.center2 .case {width: 95%;}
	.center3 .case {width: 95%;}
	.center4 .case {width: 95%;}
	.center5 .case {width: 95%;}
	.foot .case .top{display: flex;}
	.bottom1 .case{display: flex;flex-direction: column;}
	.bot_left {width: 100%;}
	.bot_right {width: 100%;}
	.cent_bottom{margin-top: 25px;}
	.center {padding-bottom: 30px;}
	.cent2_top,.cent3_top {margin-bottom: 30px;}
	.cent4_top {margin-bottom: 25px;}
	.center5{margin-top: 35px;}

}
@media only screen and (max-width: 639px){
	.h_left {width: 46%;}
	.num {font-size: 16px;}
	.r_right {width: 108px;}
	.r {font-size: 14px;}
	.rl {font-size: 12px;}
	.tab-gn {width: 13.66%;font-size: 12px;}
	.cent4_bl {width: 100%;}
	.cent4_bl div p {font-size: 16px;}
	.center5 {height: 190px;}
}
@media only screen and (max-width: 479px){
	.box{display: flex;flex-direction: column;}
	/*.head2 .case {display: flex;flex-direction: column;}*/
	.line {border: 0px solid #a0a0a0;height: 0px;}
	.h_left {width: 55%;}
	.r_left{width: 0;height: 0}
	.r{display: none;}
	.rl{display: none;}
	.rr .rl{display: block;}
	.r_right {width: 171px;}
	.tab-gn {width: 17.66%;}
	.head3 .case .right {width: 0;overflow: hidden;}
	.cen3_s div ul {width: 99.5%;}
	.cen3_x{display: flex;flex-direction: column;}
	.cen3_x1 {width: 70%;margin: 0 auto;}
	.cen3_x2 {width: 70%;margin: 0 auto;}
	.cen3_x3 {width: 70%;margin: 0 auto;}
	.cent4_bl div p {font-size: 14px;}
}
@media only screen and (max-width: 414px){
	.cent2_foot{flex-direction: column;}
	.cent_fbox{width: 100%;margin: 0 auto;margin-bottom: 20px;}
	.center2 .case{width: 82.5%;}
	.cent_top p,.cent2_top p,.cent3_top p,.cent4_top p{font-size: 26px;margin-left: 10px;}
	.cent_top span,.cent2_top span,.cent3_top span,.cent4_top span {font-size: 14px; margin-left: 10px;}
	.cent_brtop p {font-size: 20px;}
	.cent_brfoot {margin-top: 20px;}
	.cent_brfoot p {margin-bottom: 10px;}
	.center2 .case {padding-top: 30px;padding-bottom: 40px;}
	.cen3_s div li{font-size: 12px;height: 65px;}


}