.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;}
.top1 a:hover{color: white;}
.top2 a:hover{color: white;}
.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%;margin: 0 auto;display: flex;justify-content: space-between;}
.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;}
.sec1{width: 100%;margin-top: 30px;}
.sec1 .case{width: 62.5%;margin: 0 auto;}
.sec1_top{width: 100%;text-align: center;}
.sec1_top img {max-width:100%;}
.sec1_line{width: 100%;height: 0;border: 1px solid #e0e0e0;}
.sec1_line div{width: 10%;height: 0;border: 2px solid #0960ab;margin: 0 auto;margin-top: -2px;}
.sec1_bottom{width: 100%;display: flex;justify-content: space-between;margin-top: 33px;}
.secb_box{width: 19%;background-color: #f7f7f7;cursor: pointer;}
.secb_box:nth-child(2n+1){position: relative;top:20px;}
.secb_box:hover{box-shadow: 5px 5px 5px #cccccc;}
.secb_top{width: 100%;transform-style: preserve-3d;perspective: 1000px;overflow: hidden; }
.secb_top img {width: 100%;}
.secb_top img：hover{transform: translate3d(0px, 0px, 10px);transition: transform 1s linear 0s;}
.secb_foot{width: 90%;margin: 0 auto;margin-top: 15px;height: 158px;}
.secb_foot p{font-size: 18px;color: #333333;}
.secb_box:hover .secb_foot p{color: #0960ab;}
.secb_foot div{width: 24%;height: 0;border:2px solid #fc8437; margin-top: 5px;margin-bottom: 12px;}
.secb_foot span{font-size: 14px;color: #777777;}
.sec2{width: 100%;background-color: #f7f7f7;padding-top: 38px;margin-top: 60px;padding-bottom: 60px;}
.sec2 .case{width: 62.5%;margin: 0 auto;}
.sec2_bottom{width: 100%;text-align: center;}
.sec2_bottom img{max-width: 100%;}
.sec3{width: 100%;background-color: #0d5fa7;padding-bottom: 50px;}
.sec3 .case{width: 62.5%;margin: 0 auto;padding-top: 40px;}
.sec3_top{width: 100%;text-align: center;}
.sec3_top img{max-width:100%;margin-left:27px;margin-top: 0px;}
.sec3_line{width: 100%;height: 0;border: 0.5px solid white;}
.sec3_line div{width: 10%;height: 0;border: 2px solid #fc8437;margin: 0 auto;margin-top: -2px;}
.sec3_bottom{display: flex;justify-content: space-between;margin-top: 50px;}
.sec3_box{width: 32%;background-color: white;padding-bottom: 40px;}
.sec3_box:hover{position: relative;top:-10px;}
.sec3_bt{width: 100%;}
.sec3_bt img{width: 100%;}
.sec3_bb{width: 88%;margin: 0 auto;margin-top: 32px;}
.sec3_bb> p{color: #444444;font-size: 18px;margin-bottom: 25px;}
.sec3_bb> p:hover{color:#217bdb;}
.sec3_bb div span{font-size: 14px;color: #666666;line-height: 40px;}
.sec3_bb div> p{font-size: 14px;color: #666666;line-height: 40px;margin-left: 15%;}
.sec4{width: 100%;background-color: #f7f7f7;padding-bottom: 60px;}
.sec4 .case{width: 62.5%;margin: 0 auto;}
.sec4_top{width: 100%;text-align: center;}
.sec4_top img{width: 45%;}
.sec4_line{width: 100%;height: 0;border: 0.5px solid #e0e0e0;}
.sec4_line div{width: 10%;height: 0;border: 2px solid #0960ab;margin: 0 auto;margin-top: -2px;}
.sec4_bottom{width: 100%;text-align: center;margin-top: 40px;transform-style: preserve-3d;perspective: 1000px;overflow: hidden; }
.sec4_bottom img{max-width: 100%;}
.sec4_bottom img:hover{transform: translate3d(0px, 0px, 10px);transition: transform 1s linear 0s;}
.sec5{width: 100%;padding-bottom: 60px;padding-top: 35px;}
.sec5 .case{width: 62.5%;margin: 0 auto;}
.sec5_top{width: 100%;text-align: center;}
.sec5_top img{width: 57%;}
.sec5_line{width: 100%;height: 0;border: 0.5px solid #e0e0e0;}
.sec5_line div{width: 10%;height: 0;border: 2px solid #0960ab;margin: 0 auto;margin-top: -2px;}
.sec5_bottom{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;}
.sec5_left{width: 50%;}
.quan{width: 100%;}
.sec5_left p{font-size: 16px;color: #666666;margin-top: 20px;margin-bottom: 15px;}
.sec5_left p:hover{color: #217bdb;}
.sec5_fan{width: 100%;}
.sec5_fan div span{color:#666666;font-size: 14px; line-height: 32px;}
.sec5_fan div span:hover{color: black;}
.ren p{color:#989898;font-size: 14px;line-height: 10px;margin-left: 8%;}
.sec5_fan .yunhe1{display: inline-block;}
.sec5_fan .yunhe2{display: inline-block;vertical-align: top;margin-left: 20px;}
.sec5_right{width: 30%;transform-style: preserve-3d;perspective: 1000px;overflow: hidden;text-align: center;}
.sec5_right img{max-width: 100%;}
.sec5_right img:hover{transform: translate3d(0px, 0px, 10px);transition: transform 1s linear 0s;}
.sec6{width: 100%;padding-top: 45px;padding-bottom: 34px;}
.sec6 .case{width: 62.5%;margin: 0 auto;display: flex;justify-content: space-between;}
.sec6_left{width: 62.5%;margin-left: 0.75%;}
.sec6_left img{width: 100%;}
.sec6_right{width: 20%;}
.sec6_right span{color: white;font-size: 20px;font-weight: lighter;}
.sec6_right p{color: white;font-size: 28px;font-weight: bold;}
.sec6_right a{width: 55%; color: white;font-size: 20px;background-color: #fc8437;border:1px solid #fc8437;line-height: 33px; display: inline-block;text-decoration: none;text-align: center;}
.sec6_right a:hover{background-color: #f26409;}

.products .main-gn{display: none;}
.products .main-gn.selected-gn{display: block;} 


@media only screen and (max-width: 1500px){
	.box{width: 74.5%;}
	.head2 .case{width: 74.5%;}
	.head3 .case{width: 74.5%;}
	.sec1 .case{width: 74.5%;}
	.sec2 .case{width: 74.5%;}
	.sec3 .case{width: 74.5%;}
	.sec4 .case{width: 74.5%;}
	.sec5 .case{width: 74.5%;}
	.sec6 .case{width: 74.5%;}
	.l_kuang div {width: 80%;}
	.hz_right p {margin-top: 0px;}
	.left1 {width: 66%;}
	.right1 {width: 30%;}
	.mid1_left {width: 100%;}
	.mid1_right {width:0;}
	.sec6_right {width: 25%;}
	.bot_right{width: 26%;}
}
@media only screen and (max-width: 1220px){
	.box{width: 84%;}
	.sec1 .case{width: 84%}
	.sec2 .case{width: 84%}
	.sec3 .case{width: 84%}
	.sec4 .case{width: 84%}
	.sec5 .case{width: 84%}
	.sec6 .case{width: 84%}
	.foot .case{width: 84%;}
	.bottom .case{width: 84%;}
	.place .case{width: 84%;}
	.head2 .case{width: 84%;}
	.head3 .case{width: 84%;}
	.mid4_ft2_3 p{margin-top: 30px;}
	.sec6_right {width: 25%;}
	.sec3_bb> p{font-size: 16px;}
}
@media only screen and (max-width: 991px){
	.box{width: 92%;}
	.h_left {width: 37%;}
	.head2 .case{width: 92%;}
	.head3 .case{width: 92%;}
	.head3 .case .right>input {width: 91%;}
	.tab-gn {width: 12.66%;}
	.section .case{width: 92%}
	.sec_left {width: 28%;}
	.sec_right {width: 70%;}
	.hezi {height: 191px;}
	.mid4_foot1{display: flex;flex-direction: column;}
	.mid4_foot1 div:nth-child(1){width: 72%;margin: 0 auto;}
	.mid4_foot1 div:nth-child(2){width: 72%;margin:0 auto;margin-top: 15px;}
	.mid4_foot2{display: flex;flex-direction: column;}
	.mid4_ft2_1{width: 72%;margin: 0 auto;}
	.mid4_ft2_2{width: 72%;margin: 0 auto;margin-top: 15px;}
	.mid4_ft2_3{width: 72%;margin: 0 auto;margin-top: 15px;}
}
@media only screen and (max-width: 768px){
	.box {width: 95%;}
	.h_left {width: 40%;}
	.tab-gn { width: 13.66%;}
	.head2 .case {width: 95%;}
	.head3 .case {width: 95%;}
	.head3 .case .left {width: 86%;}
	.head3 .case .right>input {width: 96%;}
	.section .case{display: flex;flex-direction: column;}
	.sec_left{width: 100%;}
	.sec_right {width: 100%;}
	.foot .case .top{display: flex;}
	.bottom .case{display: flex;flex-direction: column;}
	.bot_left {width: 100%;}
	.bot_right{width: 100%;}
	.scr_top2 {height: 888px;}
	.left1 {width: 100%;}
	.right1 {width: 100%;}
	.secb_foot p{font-size: 15px;}
	.secb_foot div{margin-bottom: 5px;}
	.secb_foot span{font-size: 13px;}
	.sec3_bb div> p{font-size: 12px;}

}
@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;}
	.center5 img {height: 190px;}
	.BOX-top {width: 100%;}
	.scrt_s {width: 100%;}
	.mid6_bottom{width: 66%;}
	.mid1_foot{display: flex;flex-direction: column;}
	.mid1_box{width: 100%;margin-top: 20px;}
	.mid4_foot1 div:nth-child(1){width: 100%;}
	.mid4_foot1 div:nth-child(2){width: 100%;}
	.mid4_foot1 div:nth-child(1).mb{height: 141px;}
	.mid4_ft2_1{width: 100%;}
	.mid4_ft2_2{width: 100%;}
	.mid4_ft2_3{width: 100%;}
	.middle5 .case{display: flex;flex-direction: column;}
}
@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;}
	.mid5_bottom{display: flex;flex-direction: column;}
	.mid5_box{width: 100%;}
}
@media only screen and (max-width: 414px){
	.sec1_bottom{flex-direction: column;}
	.sec1 .case {width: 86%;}
	.secb_box {width: 90%;margin: 0 auto;margin-bottom: 20px;}
	.secb_box:nth-child(2n+1){top:0;}
	.sec2 .case {width: 86%;}
	.sec3 .case {width: 86%;}
	.sec3_bottom{flex-direction: column;}
	.sec3_box{width: 100%;margin-bottom: 20px;}
	.sec4 .case {width: 86%;padding-top: 30px;}
	.sec5 .case {width: 86%;}
	.sec5_bottom{flex-direction: column;}
	.sec5_left {width: 100%;}
	.sec5_right {width: 100%;}
	.sec6 .case {width: 86%;flex-direction: column;}
	.sec6_left{width: 100%;}
	.sec6_right{width: 100%;}
	.secb_foot p {font-size: 18px;}
	.secb_foot span {font-size: 15px;}
	.sec2{margin-top: 30px;}
	.sec3_bb div> p{font-size: 13px;}
	.sec6_right p{margin-bottom: 10px;}
	.sec6_right{margin-top: 10px;}
}