.iu-center-box {
  width:1180px;
}
.iu-page {
  min-width:1180px;
}
.header {
  border-bottom-width:1px;
  border-color:rgba(255,255,255,0.10);
  color:#333333;
  float:none;
  height:80px;
  left:0px;
  position:fixed;
  top:0px;
  width:100%;
  z-index:11;
  box-sizing:border-box;
}
.box-4229 {
  float:none;
  height:auto;
  height:initial;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  overflow:visible;
  padding:20px;
  position:relative;
  width:auto;
  width:initial;
}
.floating-image-4278 {
  background-image:url('/resource/project/yg-1_logo_new.png');
  background-size:100% 100%;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:20px;
  height:38px;
  position:relative;
  width:110px;
}
.box-4234 {
  float:none;
  height:auto;
  height:initial;
  left:0px;
  margin-left:auto;
  margin-right:auto;
  padding-right:55px;
  right:0px;
  width:50%;
}
.collapsible-4238 {
  float:left;
  margin-top:0px;
  position:relative;
  width:20%;
}
.collapsible-header-4242 {
  height:60px;
  position:relative;
}
.collapsible-header-item-4246 {
  height:100%;
  width:100%;
}
.cell-4250.iux-hover, .cell-4250.iux-active {
  color:rgba(236,38,42,0.70);
}
.cell-4250 {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#999999;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:18px;
  height:38px;
  line-height:38px;
  position:relative;
  text-align:center;
  width:100%;
}
.collapsible-content-4262 {
  background-color:#FFFFFF;
  border-bottom-color:#B9B9B9;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-width:1px;
  border-left-color:#B9B9B9;
  border-left-width:1px;
  border-right-color:#B9B9B9;
  border-right-width:1px;
  border-top-color:#EC262A;
  border-top-width:2px;
  display:none;
  height:auto;
  height:initial;
  margin-top:0px;
  position:relative;
  z-index:999999;
}
.cell-4266 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:15px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4266 > a {
  line-height:45px;
}
.cell-4266.iux-hover, .cell-4266.iux-active {
  color:#EC262A;
}
.cell-4270.iux-hover, .cell-4270.iux-active {
  color:#EC262A;
}
.cell-4270 > a {
  line-height:45px;
}
.cell-4270 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:15px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4274 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:15px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4274.iux-hover, .cell-4274.iux-active {
  color:#EC262A;
}
.cell-4274 > a {
  line-height:45px;
}
.collapsible-4235 {
  float:left;
  position:relative;
  width:20%;
}
.collapsible-header-4239 {
  height:60px;
  position:relative;
}
.collapsible-header-item-4243 {
  height:100%;
  width:100%;
}
.cell-4247 {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#999999;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:18px;
  height:38px;
  position:relative;
  text-align:center;
  width:100%;
}
.cell-4247.iux-hover, .cell-4247.iux-active {
  color:rgba(236,38,42,0.70);
}
.cell-4247 > a {
  line-height:38px;
}
.collapsible-content-4259 {
  background-color:#FFFFFF;
  border-bottom-color:#D9D9D9;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-width:1px;
  border-left-color:#D9D9D9;
  border-left-width:1px;
  border-right-color:#D9D9D9;
  border-right-width:1px;
  border-top-color:#EC262A;
  border-top-width:2px;
  display:none;
  height:auto;
  height:initial;
  margin-top:0px;
  position:relative;
  z-index:999999;
}
.cell-4263 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4263.iux-hover, .cell-4263.iux-active {
  color:#EC262A;
}
.cell-4263 > a {
  line-height:45px;
}
.cell-4267 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4267.iux-hover, .cell-4267.iux-active {
  color:#EC262A;
}
.cell-4267 > a {
  line-height:45px;
}
.cell-4271 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4271 > a {
  line-height:45px;
}
.cell-4271.iux-hover, .cell-4271.iux-active {
  color:#EC262A;
}
.collapsible-4237 {
  float:left;
  position:relative;
  width:20%;
}
.collapsible-header-4241 {
  height:60px;
  position:relative;
}
.collapsible-header-item-4245 {
  height:100%;
  width:100%;
}
.cell-4249.iux-hover, .cell-4249.iux-active {
  color:rgba(236,38,42,0.70);
}
.cell-4249 > a {
  line-height:38px;
}
.cell-4249 {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#999999;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:18px;
  height:38px;
  position:relative;
  text-align:center;
  width:100%;
}
.collapsible-content-4261 {
  background-color:#FFFFFF;
  border-bottom-color:#D9D9D9;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-width:1px;
  border-left-color:#D9D9D9;
  border-left-width:1px;
  border-right-color:#D9D9D9;
  border-right-width:1px;
  border-top-color:#EC262A;
  border-top-width:2px;
  display:none;
  height:auto;
  height:initial;
  margin-top:0px;
  position:relative;
  z-index:999999;
}
.cell-4265.iux-hover, .cell-4265.iux-active {
  color:#EC262A;
}
.cell-4265 > a {
  line-height:45px;
}
.cell-4265 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4269 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4269.iux-hover, .cell-4269.iux-active {
  color:#EC262A;
}
.cell-4269 > a {
  line-height:45px;
}
.cell-4273.iux-hover, .cell-4273.iux-active {
  color:#EC262A;
}
.cell-4273 > a {
  line-height:45px;
}
.cell-4273 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.text-4276.iux-hover, .text-4276.iux-active {
  color:#EC262A;
}
.text-4276 {
  border-bottom-color:#D9D9D9;
  border-bottom-width:1px;
  color:#666666;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:35px;
  padding-top:10px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.collapsible-4236 {
  float:left;
  position:relative;
  width:20%;
}
.collapsible-header-4240 {
  height:60px;
  position:relative;
}
.collapsible-header-item-4244 {
  height:100%;
  width:100%;
}
.cell-4248.iux-hover, .cell-4248.iux-active {
  color:rgba(236,38,42,0.70);
}
.cell-4248 {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#999999;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:18px;
  height:38px;
  position:relative;
  text-align:center;
  width:100%;
}
.cell-4248 > a {
  line-height:38px;
}
.collapsible-content-4260 {
  background-color:#FFFFFF;
  border-bottom-color:#D9D9D9;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-width:1px;
  border-left-color:#D9D9D9;
  border-left-width:1px;
  border-right-color:#D9D9D9;
  border-right-width:1px;
  border-top-color:#EC262A;
  border-top-width:2px;
  display:none;
  height:auto;
  height:initial;
  margin-top:0px;
  position:relative;
  z-index:999999;
}
.cell-4264.iux-hover, .cell-4264.iux-active {
  color:#EC262A;
}
.cell-4264 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4264 > a {
  line-height:45px;
}
.cell-4268.iux-hover, .cell-4268.iux-active {
  color:#EC262A;
}
.cell-4268 > a {
  line-height:45px;
}
.cell-4268 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4272 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4272.iux-hover, .cell-4272.iux-active {
  color:#EC262A;
}
.cell-4272 > a {
  line-height:45px;
}
.cell-4277 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4277 > a {
  line-height:45px;
}
.cell-4277.iux-hover, .cell-4277.iux-active {
  color:#EC262A;
}
.text-4280.iux-hover, .text-4280.iux-active {
  color:#EC262A;
}
.text-4280 {
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  color:#666666;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:35px;
  padding-top:10px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.cell-4282 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  margin-left:0px;
  margin-top:0px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4282 > a {
  line-height:45px;
}
.cell-4282.iux-hover, .cell-4282.iux-active {
  color:#EC262A;
}
.cell-4285 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.cell-4285.iux-hover, .cell-4285.iux-active {
  color:#EC262A;
}
.cell-4285 > a {
  line-height:45px;
}
.collapsible-4275 {
  float:left;
  position:relative;
  width:20%;
}
.collapsible-header-4278 {
  height:60px;
  position:relative;
}
.collapsible-header-item-4279 {
  height:100%;
  width:100%;
}
.cell-4281.iux-hover, .cell-4281.iux-active {
  color:rgba(236,38,42,0.70);
}
.cell-4281 > a {
  line-height:38px;
}
.cell-4281 {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#999999;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:18px;
  height:38px;
  position:relative;
  text-align:center;
  width:100%;
}
.collapsible-content-4286 {
  background-color:#FFFFFF;
  border-bottom-color:#D9D9D9;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-width:1px;
  border-left-color:#D9D9D9;
  border-left-width:1px;
  border-right-color:#D9D9D9;
  border-right-width:1px;
  border-top-color:#EC262A;
  border-top-width:2px;
  display:none;
  height:auto;
  height:initial;
  margin-top:0px;
  position:relative;
  z-index:999999;
}
.cell-4287.iux-hover, .cell-4287.iux-active {
  color:#EC262A;
}
.cell-4287 > a {
  line-height:45px;
}
.cell-4287 {
  -webkit-transition:color 0.3s;
  border-bottom-color:#EEEEEE;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  color:#666666;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:300;
  height:45px;
  position:relative;
  text-align:center;
  transition:color 0.3s;
  width:100%;
}
.box-4231 {
  float:right;
  height:auto;
  height:initial;
  position:relative;
  right:0px;
  width:220px;
}
.cell-4232 {
  background-color:#EC262A;
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  line-height:auto;
  line-height:initial;
  padding-bottom:10px;
  padding-left:0px;
  padding-right:0px;
  padding-top:10px;
  position:relative;
  text-align:center;
  width:42%;
}
.cell-4233 {
  background-color:#11223D;
  color:#FFFFFF;
  float:right;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  padding-bottom:10px;
  padding-left:0px;
  padding-right:0px;
  padding-top:10px;
  position:relative;
  right:0px;
  text-align:center;
  width:55%;
}
.cell-4233 > a {
  line-height:auto;
  line-height:initial;
}
.page-content {
  background-color:#FFFFFF;
  background-size:cover;
  padding-top:80px;
}
.section-41 {
  background-image:url('/resource/project/yg-1_catalog_bg.png');
  background-position:center top;
  height:auto;
  height:initial;
  padding-bottom:120px;
  padding-top:0px;
  background-size: cover;
}
.box-173 {
  background-color:#F4F4F5;
  border-bottom-color:#DDDFE2;
  border-bottom-width:1px;
  border-top-color:#DDDFE2;
  border-top-width:1px;
  float:none;
  height:auto;
  height:initial;
  position:relative;
  width:auto;
  width:initial;
}
.box-47 {
  background-color:#F4F4F5;
  border-width:0px;
  float:none;
  height:auto;
  height:initial;
  padding-bottom:0px;
  padding-top:0px;
  position:relative;
  width:auto;
  width:initial;
}
.box-172 {
  border-bottom-width: 0px;
    border-color: #DDDFE2;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    height: initial;
    padding-bottom: 15px;
    padding-left: 12px;
    padding-right: 20px;
    padding-top: 15px;
    position: relative;
    max-width: 1180px;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
}
.pg-text-field {
  background-color:#F4F4F5;
  border-color:#D7D7D7;
  border-radius:0px;
  border-width:0px;
  color:#CCCCCC;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:20px;
  height:auto;
  height:initial;
  padding:0px;
  position:relative;
  width:70%;
}
.floating-image-53 {
  background-image:url('/resource/project/yg-1_search_icon.png');
  float:right;
  height:25px;
  margin-top:5px;
  position:relative;
  right:0px;
  width:25px;
}
.center-box-85 {
  padding-bottom:60px;
  padding-top:60px;
}
.text-44 {
  color:#FFFFFF;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:38px;
  height:auto;
  height:initial;
  position:relative;
  text-align:center;
  width:100%;
}
.box {
  float:none;
  height:auto;
  height:initial;
  position:relative;
  width:100%;
}
.box-40{
  float:left;
  height:100%;
  position:relative;
  width:45%;
}
.box-42 {
  background-color:#FFFFFF;
  border-bottom-color:#D9D9D9;
  border-bottom-width:1px;
  float:none;
  height:auto;
  height:initial;
  margin-left:0px;
  margin-top:0px;
  padding:100px 100px 80px;
  box-sizing:border-box;
  position:relative;
}
.box-45 {
  background-color:#FFFFFF;
  border-bottom-color:#D9D9D9;
  border-bottom-width:1px;
  float:none;
  height:auto;
  height:initial;
  margin-left:0px;
  margin-top:0px;
  padding:60px;
  box-sizing:border-box;
  position:relative;
}
.box-46 {
  float:none;
  margin-left:0px;
  margin-top:0px;
  position:relative;
  width:100%;
}
.box-48 {
  float:left;
  height:100%;
  position:relative;
  width:50%;
}
.image {
  left:0px;
  margin-left:auto;
  margin-right:auto;
  right:0px;
  top:0px;
  max-width:100%;
  position:relative
}
.box-49 {
  color:#333333;
  float:left;
  padding-top:85px;
  position:relative;
  width:50%;
}
.box-39 {
  color:#333333;
  float:left;
  padding-top:0px;
  position:relative;
  width:50%;
}
.box-38 {
  color:#333333;
  float:left;
  padding-top:0px;
  position:relative;
  width:52%;
  margin-left:3%;
}
.text-40 {
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:33px;
  height:auto;
  height:initial;
  position:relative;
  width:100%;
  box-sizing:border-box
}
.text-50 {
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:38px;
  height:auto;
  height:initial;
  position:relative;
  width:100%;
  box-sizing:border-box
}
.text-51 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:auto;
  height:initial;
  position:relative;
  width:100%;
  box-sizing:border-box;
}
.box-127 {
  float:left;
  margin-top:40px;
  position:relative;
  width:100%;
}
.transition {
  float:left;
  height:77px;
  position:relative;
  width:77px;
}
.transition-item {
  border-color:#E1E1E1;
  border-radius:50%;
  border-width:1px;
  height:75px;
  width:75px;
}
.text-112 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:400;
  height:25px;
  left:0px;
  text-align:center;
  top:35.71%;
  width:100%;
}
.transition-item-111 {
  background-color:#EC262A;
  border-radius:50px;
  height:75px;
  width:75px;
}
.text-115 {
  color:#FFFFFF;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:400;
  height:25px;
  text-align:center;
  top:20px;
  width:100%;
}
.floating-image-115 {
  background-image:url('/resource/project/yg-1_company_icon.png');
  float:none;
  height:17px;
  left:0px;
  margin-left:auto;
  margin-right:auto;
  right:0px;
  top:40px;
  width:21px;
}
.transition-120 {
  float:left;
  height:77px;
  margin-left:15px;
  position:relative;
  width:77px;
}
.transition-item-121 {
  border-color:#E1E1E1;
  border-radius:50%;
  border-width:1px;
  height:75px;
  width:75px;
}
.text-123 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:400;
  height:25px;
  left:0px;
  text-align:center;
  top:35.71%;
  width:100%;
}
.transition-item-122 {
  background-color:#EC262A;
  border-radius:50px;
  height:75px;
  width:75px;
}
.text-124 {
  color:#FFFFFF;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:400;
  height:25px;
  text-align:center;
  top:20px;
  width:100%;
}
.floating-image-125 {
  background-image:url('/resource/project/yg-1_company_icon.png');
  float:none;
  height:17px;
  left:0px;
  margin-left:auto;
  margin-right:auto;
  right:0px;
  top:40px;
  width:21px;
}
.transition-114 {
  float:left;
  height:77px;
  margin-left:15px;
  position:relative;
  width:77px;
}
.transition-item-115 {
  border-color:#E1E1E1;
  border-radius:50%;
  border-width:1px;
  height:75px;
  width:75px;
}
.text-117 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:400;
  height:25px;
  left:0px;
  text-align:center;
  top:35.71%;
  width:100%;
}
.transition-item-116 {
  background-color:#EC262A;
  border-radius:50px;
  height:75px;
  width:75px;
}
.text-118 {
  color:#FFFFFF;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  font-weight:400;
  height:25px;
  text-align:center;
  top:20px;
  width:100%;
}
.floating-image-119 {
  background-image:url('/resource/project/yg-1_company_icon.png');
  float:none;
  height:17px;
  left:0px;
  margin-left:auto;
  margin-right:auto;
  right:0px;
  top:40px;
  width:21px;
}
.box-52 {
  background-color:#FFFFFF;
  float:none;
  padding:60px;
  box-sizing:border-box;
  position:relative;
}
.box-53 {
  -webkit-transition:border-color 0.0s;
  border-color:#D9D9D9;
  border-width:1px;
  float:left;
  
  padding:20px;
  position:relative;
  transition:border-color 0.0s;
  width:44%;
}
.box-53.iux-hover, .box-53.iux-active {
  border-color:#EC262A;
}
.box-55 {
  float:left;
  height:auto;
  position:relative;
  width:40%;
}
.floating-image {
  float:left;
  height:auto;
  position:relative;
  width:100%;
}
.box-56 {
  float:right;
  height:auto;
  position:relative;
  right:0px;
  width:60%;
}
.box-61 {
  float:none;
  height:auto;
  height:initial;
  margin-top:35px;
  position:relative;
  width:100%;
}
.text-57 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:26px;
  height:auto;
  height:initial;
  position:relative;
  text-align:center;
  width:100%;
}
.text-58 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:auto;
  height:initial;
  line-height:1.40;
  margin-top:10px;
  position:relative;
  text-align:center;
  width:100%;
}
.cell-109 {
  -webkit-transition:background-color 0.5s, color 0.5s;
  border-color:#EC262A;
  border-radius:20px;
  border-width:1px;
  color:#EC262A;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:35px;
  margin-left:68px;
  margin-top:15px;
  padding-left:30px;
  padding-right:30px;
  position:relative;
  text-align:center;
  transition:background-color 0.5s, color 0.5s;
  width:auto;
  width:initial;
}
.cell-109 > a {
  line-height:35px;
}
.cell-109.iux-hover, .cell-109.iux-active {
  background-color:#EC262A;
  color:#FFFFFF;
}
.box-60 {
  -webkit-transition:border-color 0.0s;
  border-color:#D9D9D9;
  border-width:1px;
  float:left;
  
  margin-left:40px;
  padding:20px;
  position:relative;
  transition:border-color 0.0s;
  width:44%;
}
.box-60.iux-hover, .box-60.iux-active {
  border-color:#EC262A;
}
.box-62 {
  float:left;
  height:100%;
  position:relative;
  width:40%;
}
.floating-image-63 {
  float:left;
  height:100%;
  position:relative;
  width:100%;
}
.box-63 {
  float:right;
  height:100%;
  position:relative;
  right:0px;
  width:60%;
}
.box-64 {
  float:none;
  height:auto;
  height:initial;
  margin-top:35px;
  position:relative;
  width:100%;
}
.text-65 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:26px;
  height:auto;
  height:initial;
  position:relative;
  text-align:center;
  width:100%;
}
.text-66 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:auto;
  height:initial;
  line-height:1.40;
  margin-top:10px;
  position:relative;
  text-align:center;
  width:100%;
}
.cell {
  -webkit-transition:background-color 0.5s, color 0.5s;
  border-color:#EC262A;
  border-radius:20px;
  border-width:1px;
  color:#EC262A;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:35px;
  margin-left:68px;
  margin-top:15px;
  padding-left:30px;
  padding-right:30px;
  position:relative;
  text-align:center;
  transition:background-color 0.5s, color 0.5s;
  width:auto;
  width:initial;
}
.cell.iux-hover, .cell.iux-active {
  background-color:#EC262A;
  color:#FFFFFF;
}
.cell > a {
  line-height:35px;
}
.box-68 {
  -webkit-transition:border-color 0.0s;
  border-color:#D9D9D9;
  border-width:1px;
  float:left;
  
  margin-left:0px;
  margin-top:40px;
  padding:20px;
  position:relative;
  transition:border-color 0.0s;
  width:44%;
}
.box-68.iux-hover, .box-68.iux-active {
  border-color:#EC262A;
}
.box-69 {
  float:left;
  height:100%;
  position:relative;
  width:40%;
}
.floating-image-71 {
  float:left;
  height:100%;
  position:relative;
  width:100%;
}
.box-70 {
  float:right;
  height:100%;
  position:relative;
  right:0px;
  width:60%;
}
.box-72 {
  float:none;
  height:auto;
  height:initial;
  margin-top:35px;
  position:relative;
  width:100%;
}
.text-73 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:26px;
  height:auto;
  height:initial;
  position:relative;
  text-align:center;
  width:100%;
}
.text-74 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:auto;
  height:initial;
  line-height:1.40;
  margin-top:10px;
  position:relative;
  text-align:center;
  width:100%;
}
.cell-75.iux-hover, .cell-75.iux-active {
  background-color:#EC262A;
  color:#FFFFFF;
}
.cell-75 {
  -webkit-transition:background-color 0.5s, color 0.5s;
  border-color:#EC262A;
  border-radius:20px;
  border-width:1px;
  color:#EC262A;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:35px;
  margin-left:68px;
  margin-top:15px;
  padding-left:30px;
  padding-right:30px;
  position:relative;
  text-align:center;
  transition:background-color 0.5s, color 0.5s;
  width:auto;
  width:initial;
}
.cell-75 > a {
  line-height:35px;
}
.box-76 {
  -webkit-transition:border-color 0.0s;
  border-color:#D9D9D9;
  border-width:1px;
  float:left;
  
  margin-left:40px;
  margin-top:40px;
  padding:20px;
  position:relative;
  transition:border-color 0.0s;
  width:44%;
}
.box-76.iux-hover, .box-76.iux-active {
  border-color:#EC262A;
}
.box-77 {
  float:left;
  height:100%;
  position:relative;
  width:40%;
}
.floating-image-79 {
  float:left;
  height:100%;
  position:relative;
  width:100%;
}
.box-78 {
  float:right;
  height:100%;
  position:relative;
  right:0px;
  width:60%;
}
.box-80 {
  float:none;
  height:auto;
  height:initial;
  margin-top:35px;
  position:relative;
  width:100%;
}
.text-81 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:26px;
  height:auto;
  height:initial;
  position:relative;
  text-align:center;
  width:100%;
}
.text-82 {
  color:#333333;
  float:none;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:auto;
  height:initial;
  line-height:1.40;
  margin-top:10px;
  position:relative;
  text-align:center;
  width:100%;
}
.cell-83 > a {
  line-height:35px;
}
.cell-83 {
  -webkit-transition:background-color 0.5s, color 0.5s;
  border-color:#EC262A;
  border-radius:20px;
  border-width:1px;
  color:#EC262A;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:16px;
  height:35px;
  margin-left:68px;
  margin-top:15px;
  padding-left:30px;
  padding-right:30px;
  position:relative;
  text-align:center;
  transition:background-color 0.5s, color 0.5s;
  width:auto;
  width:initial;
}
.cell-83.iux-hover, .cell-83.iux-active {
  background-color:#EC262A;
  color:#FFFFFF;
}
.footer {
  background-color:#000000;
  height:auto;
  height:initial;
  left:0px;
  padding-bottom:50px;
  padding-top:50px;
  position:relative;
  top:0px;
  width:auto;
  width:initial;
}
.box-114 {
  background-position:left bottom;
  float:none;
  height:auto;
  height:initial;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:center;
  width:10%;
}
.image-120 {
  float:left;
  height:18px;
  position:relative;
  width:18px;
}
.image-122 {
  float:left;
  height:18px;
  margin-left:30px;
  position:relative;
  width:18px;
}
.image-121 {
  float:left;
  height:18px;
  margin-left:30px;
  position:relative;
  width:18px;
}
.box-123 {
  background-position:top;
  float:none;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  position:relative;
  text-align:center;
  width:41%;
}
.cell-128 {
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  line-height:auto;
  line-height:initial;
  margin-left:6px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.text-130 {
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  line-height:1.20;
  margin-left:8px;
  margin-top:3px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.cell-129 {
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  margin-left:6px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.cell-129 > a {
  line-height:auto;
  line-height:initial;
}
.text-132 {
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  line-height:1.20;
  margin-left:8px;
  margin-top:3px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.cell-131 {
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  margin-left:7px;
  margin-top:0px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.cell-131 > a {
  line-height:auto;
  line-height:initial;
}
.text-134 {
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  line-height:1.20;
  margin-left:8px;
  margin-top:3px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}
.box-135 {
  float:left;
  height:auto;
  height:initial;
  position:relative;
  width:auto;
  width:initial;
}
.image-136 {
  height:17px;
  left:7px;
  top:3px;
  width:25px;
}
.cell-133 {
  color:#FFFFFF;
  float:left;
  font-family:'Titillium Web', sans-serif;
  font-size:14px;
  height:auto;
  height:initial;
  line-height:auto;
  line-height:initial;
  margin-left:38px;
  margin-top:0px;
  position:relative;
  text-align:center;
  width:auto;
  width:initial;
}

/*.down_btn{ position: relative;clear:both;  width:150px;  bottom:20px; margin:0 auto; margin-top:20px; height:30px;  clear:both; }*/
/*.down_btn2{ position: relative;clear:both;  width:150px;  bottom:20px; margin:0 auto; margin-top:20px; height:30px;  clear:both; }*/
.down_btn{ position: absolute; clear:both; width:150px; bottom:30px; left: calc(50% - 75px); margin:0 auto; height:30px; clear:both; }
.down_btn2{ position: absolute; clear:both; width:150px; bottom:30px; left: calc(50% - 75px); margin:0 auto; height:30px; clear:both; }
.down_btn3{ position: absolute; clear:both; width:150px; bottom:30px; left: calc(50% - 75px); margin:0 auto; height:30px; clear:both; }
.down_btn .catalog_new_icon_s, .down_btn2 .catalog_new_icon_s {top: 7px !important; left: auto !important;right: -30px !important}

#test li{ margin-bottom:10px; text-align:left; margin-right:10px; }
#test li div{ color:#000; }
/*#test li div span{  margin-left: -25px;position: relative; padding: 10px 30px; text-transform: uppercase;}*/
/*#test li div span .catalog_new_icon_s {top: -4px !important;left: auto !important;right: 0}*/
.catalog-lists { padding: 15px 15px 0;}
.catalog-lable {  margin-left: -25px; position: relative; padding: 10px 30px; text-transform: uppercase; font-size: 13px;}
.catalog-lable .catalog_new_icon_s {top: -4px !important;left: auto !important; right: 5px;}

input[type="button"] {cursor: pointer;border-radius:5px; border:1px solid #d9d9d9; background:none; width:150px; height:30px; color:#333333; }
input[type="button"]:hover { background:#ec262a;border-radius:5px;border:1px solid #ec262a; width:150px; height:30px; color:#fff; }
/*��DzŸ��*/

input[type="checkbox"] + label {
    
	
   vertical-align:middle;
	display: inline-block;
     color:#000;
	width: 15px;
	height: 15px;
	 opacity:1;
	border:1px solid #d9d9d9;
    /* background:#ec262a url('/resource/project/check_btn.png')center; */
   
	cursor: pointer;
}
input[type="checkbox"]:checked + label {
  vertical-align: middle;
    color:#000;
	background-image:url('/resource/project/checked_yg.png');
    opacity: 1;
}
input[type="checkbox"] {
	display: none;
}


/*---*/



.catalog_new .btn {float:none; margin-left:0; height:auto; padding-left:0; padding-right:0; width:auto; border-radius:0; border-width:0}
.catalog_new .btn > a {text-align:center; border:1px solid #EC262A; border-radius:20px; width:120px; margin:auto; padding:6px 0 8px; line-height:1;}
.catalog_new .btn > a:hover {background:#EC262A; color:#fff;}
.catalog_new .btn.iux-hover {background:none; color:#EC262A;}
.box-127:after {display:block; content:""; clear:both;}
.transition, .transition-120, .transition-114 {float:none; display:inline-block;}
.box-127 > div {width:100%;}


.catalog_new .btn_new {float:none; margin-left:0; height:auto; padding-left:0; padding-right:0; width:auto; border-radius:0; border-width:0}
.catalog_new .btn_new > span {text-align:center; border:1px solid #d9d9d9; color:#464646; border-radius:20px; width:120px; margin:0; padding:6px 0 8px; line-height:1;}
.catalog_new .btn_new > span > p > .down_icon{background:url(/resource/project/yg-1_company_icon_sm_off.png) no-repeat center center; height:12px; width:20px; background-size:auto 12px; display:inline-block;}
.catalog_new .btn_new > span:hover {background:#EC262A; color:#fff;}
.catalog_new .btn_new > span:hover >  p > .down_icon{background:url(/resource/project/yg-1_company_icon_sm_on.png) no-repeat center center;}
.catalog_new .btn_new.iux-hover {background:none; color:#EC262A;}
.catalog_new .catalog_book .iux-popup-button img{padding:3px; width:90%; max-width:300px}
/* .catalog_new .catalog_book .iux-popup-button:hover img{border:3px solid #EC262A; padding:0;} */
.catalog_new .catalog_book .iux-popup-button:hover .btn_new > span{background:#EC262A; color:#fff;}
.catalog_new .catalog_book .iux-popup-button:hover .btn_new > span >  p > .down_icon{background:url(/resource/project/yg-1_company_icon_sm_on.png) no-repeat center center;}

.box-38 > img{width:80px;}

.new_list ul{width:102%; margin-left:-2%;}
.new_list ul:after{display:block; content:""; clear:both;}
.new_list li{width:31.33%; height: 250px; margin-left:2%; padding:2px; float:left; text-align:center; margin-bottom:30px; box-sizing:border-box;}
.new_list li a{display:block; border:1px solid #D9D9D9; box-sizing:border-box; padding-bottom:15px;}
.new_list li p{font-size:26px;}
.new_list li p.p_sm{font-size:23px; margin-top: 5px; line-height: 1.2;}
.new_list li span{color:#666;}
.new_list li .image{opacity:.7;}
.new_list li img{width:100%; display:block;}
.new_list li:hover{padding:0;}
.new_list li:hover a{border:3px solid #EC262A;}
.new_list li:hover a .image{opacity:1;}

.text-40_new{font-weight:bold; margin-top:10px; margin-bottom:30px;}
.text-51_new{font-size:18px; color:#666;}


/* 20190207 NEW ������ �߰� */
#wrap .header .iux-inner-link p span.catalog_new_icon {position: relative;bottom: 4px;left: 5px;color: #EC262A;font-weight: 700;font-size: 10px;}
.new_list li p span.catalog_new_icon {position: relative;bottom: 12px;left: 5px;color: #EC262A;font-weight: 700;font-size: 10px;}


/*20190909�˾��߰�*/
.iux-popup-btn{ overflow:visible !imoportant; }
.box-40 overflow:visible !imoportant; }

.iu-image{ overflow:visible !imoportant; }
.exit_btn{ margin-left:420px; padding-top:6px; cursor:pointer; }
.popup_btn_0909{ margin:0 auto !imoportant; overflow:visible !imoportant; width:280px; }
.catalog_kaka{  overflow:visible !imoportant; margin-left:40% !imoportant; } 
.iu-pop{ overflow:visible !imoportant; }
.popup_new{ overflow:visible !imoportant; }
.pop_imgimg{ margin-left:58%;}
.box_pop_new{ overflow:visible !imoportant; }


   #popup_eu{ z-index:1000; position:relative; width:357px; height:210px; margin:90px auto 0 auto; background:url(/resource/project/btn_01.png) no-repeat left top/cover; display:none; }
   /*#popup_eu ul{ padding-top:5px; margin-left:10px;overflow: hidden; }*/
    #popup_eu li{ line-height:30px; margin-top:0px; /*border-radius:5px; border:1px solid #d9d9d9;*/ color:#000; width:200px; font-size:15px; float:left; height:30px; }
   #popup_eu li span{ cursor:pointer; }
    /*#popup_eu li:hover{ border-radius:5px; background:red; border:1px solid #fff; color:#fff; }*/
 
   #popup_us{ z-index:1000; position:relative; width:357px; height:210px; margin:90px auto 0 auto;  background:url(/resource/project/btn_02.png) no-repeat center center/cover; display:none; }
   /*#popup_us ul{ padding-top:10px; margin-left:10px;overflow: hidden;}*/
    #popup_us li{ line-height:30px; margin-top:0px;  /* border-radius:5px; border:1px solid #d9d9d9; */ color:#000;  width:200px; font-size:14px; float:left; height:30px; }
	#popup_us li:nth-child(1){ width:200px; }
	#popup_us li:nth-child(2){ width:200px; }
    #popup_us li a{ display:block; }
	#popup_us li span{ cursor:pointer; }
  /*  #popup_us li:hover{ border-radius:5px; background:red; border:1px solid #fff; color:#fff; }*/

	  #popup_asia{ z-index:1000; position:relative; width:357px; height:210px; margin:90px auto 0 auto;  background:url(/resource/project/btn_03.png) no-repeat center center/cover; display:none; }
   /*#popup_asia ul{ padding-top:10px;margin-left:10px; overflow: hidden;}*/
    #popup_asia li{ line-height:30px;  margin-top:20px;  /* border-radius:5px; border:1px solid #d9d9d9; */ color:#000; width:200px; font-size:15px; float:left; height:30px; }
    #popup_asia li a{ display:block; }
	#popup_asia li span{ cursor:pointer; }
    /* #popup_asia li:hover{ border-radius:5px; background:red; border:1px solid #fff; color:#fff; } */
   .tag_looking{ position:absolute; margin-top:-40px;width:150px;  height:30px; left:161px; border:0; }
   .tag_looking li{ position:absolute; border:0;}
   .tag_looking li:first-child{ z-index:9; }
   .tag_looking li:last-child{ display:none; }
	


.footer{ clear:both; }
.box-42{ height:500px !important; }
.new_bg_w{ height: auto !important; }
#box_new_0909{ overflow:visible !important; }





@media screen and (max-width:1179px) {
  .iu-center-box {width:1024px;}
  .iu-page {min-width:1024px;}
  .box-60 , .box-76 {margin-left:18px;}
  .txt_box {box-sizing:border-box; padding:0 20px;}

  .new_list ul{width: 103%; margin-left: -3%;}
  .new_list li{width:47%; height: auto; margin-left: 3%;}
}

@media screen and (max-width:1023px) {
  .iu-page {min-width:768px;}
  .iu-center-box {width:768px;}
  .box-48 {width:45%; float:left }
  .box-49 {width:55%; float:right;}
  .box-60 , .box-76 {margin-left:0; margin-top:40px;}
  .catalog_box {width:100%; box-sizing:border-box}
  .cell-109 , .cell , .cell-75 , .cell-83 {margin-left:116px;}
  .center-box-85 {padding:30px 0;}
  .box-45 {padding:30px}
  .box-52 {padding:30px;}
  
  .box-40{width: 95%; float: none; margin: 0 auto;}
  .box-38{width:100%; padding-top:20px;}
}

@media screen and (max-width:767px) {
  .iu-center-box {width:640px;}
  .iu-page {min-width:640px;}
  .box-45 {padding:30px;}
  .box-48 {float:none; max-width:100%;margin:auto;}
  .box-49 {width:100%; float:none; padding-top:30px; text-align:center;}
  .cell-109 , .cell , .cell-75 , .cell-83 {margin-left:72px;}
  .box-61 , .box-64 , .box-72 , .box-80 {width:90%; float:right; margin-top:0;}
  .cell-109, .cell, .cell-75, .cell-83 {margin:15px 0 0;}
  .box-127 {padding-left:0; width:100%;}
  .box-127 > div {margin:auto;}
  .section-41 {padding-bottom:60px;}
  .txtH1 {font-size:35px !important;}

  /* .new_list li p{font-size:22px;}
  .new_list li p.p_sm{font-size:20px;} */
  .box-42{padding: 30px;}
  .box-40{width: 100%; max-width:480px;}
  .box-38{margin-left:0;}
  .catalog_book{float:left; width:50%;}
  .new_list ul{width: 100%; margin-left: 0%;}
  .new_list li{width:100%; margin-left: 0%;}
   .catalog_new .btn_new > span{ margin:auto !important; }

}

@media screen and (max-width:639px) {
  .iu-center-box {width:400px;}
  .iu-page {min-width:400px;}
  .image {max-width:100% ; height:auto;}
  .text-50 {font-size:25px; line-height:1.5; font-weight:700; padding-left:0; width:100%;}
  .text-51 {padding-left:0; width:100%; margin-top:20px;}
  .box-52 {padding:40px 20px;}
  .transition , .transition-120 , .transition-114 {width:54px; height:54px;}
  .text-112 , .text-123 , .text-117 {font-size:12px; top:18px; font-weight:700;}
  .transition-item-111 , .transition-item-122 , .transition-item-116 , .transition-item , .transition-item-121 , .transition-item-115 {width:51px; height:52px;}
  .text-115 , .text-124 , .text-118 {display:none;}
  .floating-image-115 , .floating-image-125 , .floating-image-119 {top:17px;}
  .text-57 , .text-65 , .text-73 , .text-81 {font-size:22px;}


  .pop_imgimg{ margin-left:5% !important; }
  .new_bg_w{ height: auto !important; }
  /* .new_list ul{width: 100%; margin-left: 0%;}
  .new_list li{width:100%; margin-left: 0%;} */
  .popup_btn_0909{ margin-left:15% !important; }

  #popup-cat1 {max-width: 300px !important;}
  #popup_eu, #popup_us, #popup_asia {background: none !important;border-top: 1px solid #ccc;padding: 10px 0 !important}
  .exit_btn {position: absolute;top: 0;right: 0;margin-left: 0 !important;width: 30px;height: 30px;}
  /*#test ul {padding: 5px 0 35px !important}*/
  /*#test li {font-size: 13px;width: 100%;margin: 0 !important;height: 26px !important}*/
  /*#test .down_btn {margin-top: 0 !important}*/

} 

@media screen and (max-width:399px) {
  .iu-center-box {width:320px;}
  .iu-page {min-width:320px;}
  .box-49 {padding-top:20px;}
  .text-50 {font-size:20px;}
  .text-51 {font-size:14px; margin-top:10px;}
  .box-127 {margin-top:20px;}
  .transition-120 , .transition-114 {margin-left:5px;}
  .transition , .transition-120 , .transition-114 {width:48px; height:48px;}
  .transition-item-111 , .transition-item-122 , .transition-item-116 , .transition-item , .transition-item-121 , .transition-item-115 {width:46px; height:46px;}
  .text-112 , .text-123 , .text-117 {font-size:11px; top:15px;}
  .floating-image-115 , .floating-image-125 , .floating-image-119 {right:-3px; background-size:18px 14px}
  .catalog_box img {max-width:100%}
  .text-57 , .text-65 , .text-73 , .text-81 {font-size:16px; font-weight:600;}
  .text-58 , .text-66 , .text-74 , .text-82 {font-size:14px; margin-top:5px;}

  .box-61, .box-64, .box-72, .box-80 {margin-top:0px;}
  .catalog_box {height:172px;}
   .catalog_new .btn > a {width:90px !important; font-size:12px; margin-top:10px;}
   .catalog_box {padding:20px !important;}
   .catalog_new .txt_box {padding:0;}
   .catalog_new br {display:block;}

   .catalog_book{width:100%; margin-bottom:10px;}
}



.popup_btn_0909 {width: 400px !important}
.catalog_new .catalog_book .iux-popup-button img {width: 100% !important;max-width: 400px !important;}
.pop_imgimg {margin-left: 10% !important}

@media screen and (max-width: 1179px) {
  .box-48 {width: 100% !important;text-align: center}
  .popup_btn_0909 {width: 100% !important;margin-left: 0 !important}
  .catalog_new .catalog_book .iux-popup-button img {width: 100% !important;max-width: 400px !important;}
  .pop_imgimg {margin-left: 0 !important}
}
@media screen and (max-width: 639px){
  .popup_btn_0909 {margin-left: 0 !important}
}