﻿.page-box>.container{padding-left:0;padding-right:0;max-width:100%;}
.page-box>.container .container{padding-top:0;padding-bottom:0;}
.back-box{display:flex;justify-content: space-between;padding-bottom:9%;}
.back-box .back-left{width:50%;z-index:1;position: relative;background: var(--color);color:#fff;display:flex;flex-direction: column;justify-content: center;padding:0 17% 0 17%;}
.back-box .back-left .back-tit{font-weight:var(--fontbold7);font-size:36px;}
.back-box .back-left .back-des{font-size:18px;margin-top: 10px;text-align: justify;}
.back-box .back-right{width:60%;position: relative;z-index:2;background: #eee;padding:4% 15% 4% 4%;margin-left:-10%;transform: translateY(20%);}
.back-box .back-right{padding: 4%;}
@media (max-width:1640px){.back-box .back-left{padding-left:10%;}
.back-box .back-right{padding-right:10%;}}
@media (max-width:1500px){.back-box .back-left{padding-left:6%;}
.back-box .back-right{padding-right:6%;}}
@media (max-width:1400px){.back-box .back-left{padding-left:4%;}
.back-box .back-right{padding-right:4%;}}
@media (max-width:1300px){.back-box .back-left{padding-left:2%;}
.back-box .back-right{padding-right:2%;}}
@media (max-width:768px){.back-box .back-left,.back-box .back-right{width:100%;padding:20px;}
.back-box{flex-wrap:wrap;padding-bottom:0;}
.back-box .back-left .back-des{margin-top:0;}
.back-box .back-left .back-tit{font-size:26px;}
.back-box .back-left .back-des{font-size: 16px;text-align: left;}
.back-box .back-right{transform: none;margin-left:0;}}
