.index-body .box4 .xiangmu{ position:absolute; right:10%; z-index:999; top:4%;}
.index-body .box4 .xiangmu ul li{ display:inline-block; width:100px; height:100px;margin-right:15px; text-align: center;}
.index-body .box4 .xiangmu ul li a{ border:1px solid #fff; display:block;width:100px; height:100px; color:#fff; line-height:40px;}
.index-body .box4 .xiangmu ul li a:hover{ background:#fff;display:block;width:100px; height:100px;color:#363636;}
.index-body .box4 .xiangmu ul li i.guonei{ background:url(../images/guonei_icoa.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}
.index-body .box4 .xiangmu ul li a:hover i.guonei{ background:url(../images/guonei_ico.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}
.index-body .box4 .xiangmu ul li i.haiwai{ background:url(../images/haiwai.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}
.index-body .box4 .xiangmu ul li a:hover i.haiwai{ background:url(../images/haiwaia.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}


.index-body .box4 {position: relative}
.index-body .box4 .content1200 {position: absolute;height: 100%;left: 45%;margin-left: -530px;width: auto}
.index-body .box4 .company-text {width: 350px;height: 100%; background:#F2692D;top: 0px;position: absolute;overflow: hidden;z-index:2;}
.index-body .box4 .company-text ul {height: auto;position: relative;width: 100%;top: 0;margin-top: 0%}
.index-body .box4 .company-text ul li {position: relative;height: 100%}
.index-body .box4 .company-text .title-T-more {position: absolute;bottom: 3%;z-index:999; color:#fff;font-size:16px; text-align:center; width:100%;left:auto;}
.index-body .box4 .company-text .title-T-more a{ color:#fff;}
.index-body .box4 .company-text .title-T {padding:5% 20px;position: relative;top: 0;z-index:9999;}
.index-body .box4 .company-text .title-T span {color: #fff;display: block}
.index-body .box4 .company-text .title-T span.cn {font-size: 26px;text-transform: uppercase;}
.index-body .box4 .company-text .title-T span.en {font-size: 14px;opacity: .7;filter: alpha(opacity=30);padding-top:0px;line-height:26px;}
.index-body .box4 .company-text ul {margin-top: 0}
.index-body .box4 .company-text .company-bk {background: rgba(255,255,255,1);padding: 15px;overflow: hidden;margin-bottom: 1px;}
.index-body .box4 .company-text .company-name {font-size: 18px}
.index-body .box4 .company-text .company-namee {font-size: 14px;color: #333;text-transform: uppercase;margin-top: 7px;line-height:30px;}
.index-body .box4 .company-text .more {width: 100px;height: 35px;display: block;float: left;text-align: center;line-height: 35px;background: #F2692D;color: #fff;margin-top: 10px;transition: all .5s;-webkit-transition: all .5s;overflow: hidden;opacity: 0;filter: alpha(opacity=0);margin-left: 20px;font-size:13px; border-radius:5px;}
.index-body .box4 .company-text .more:hover{ background:#F2692D;}

.index-body .box4 .company-text .swiper-pagination-box4 {text-align: center;margin-top: 15px}
.index-body .box4 .company-text .swiper-pagination-box4 span {height: 10px;width: 10px}
.index-body .box4 .company-text .swiper-pagination-box4 span.swiper-pagination-bullet-active {background: #fc9127}
.index-body .box4 .company-text .company-bk.active .more {opacity: 1;filter: alpha(opacity=100);margin-left: 0}
.index-body .box4 .company-img {position: relative;transform: translateX(30%);-webkit-transform: translateX(30%);display: none}
.index-body .box4 .company-img.active {display: block}
.index-body .box4 .company-img ul li {width: 75%}
.index-body .box4 .company-img ul li img {width: 100%}
.index-body .box4 .swiper-pagination-company {position: absolute;bottom: 10px;width: 55%;right: 10%;z-index: 15;text-align: center}
.index-body .box4 .swiper-pagination-company span {width: 12px;border-radius: 0;opacity: 1;background: #a8a5a4;margin: 0 5px;transition: all .5s;-webkit-transition: all .5s;height: 3px;position: relative}
.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active {background: #fc9127;width: 60px}
.index-body .box4 .swiper-pagination-company span:after {content: "";display: block;width: 22px;height: 15px;position: absolute;top: -6px;left: -5px;cursor: pointer}
.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active:after {width: 70px}
.index-body .box4 .company-text .swiper-pagination-box4 { display:none;}
@media screen and (min-width:1601px) {
.index-body .box4 .company-text .company-bk {padding: 13px 20px}
.index-body .box4 .company-text .swiper-pagination-box4 { display:none;}
.index-body .box4 .company-text .company-name {font-size: 16px}

}
@media screen and (max-width:1600px) {

.index-body .box4 .company-text .company-namee {font-size: 13px;line-height:28px;}
.index-body .box4 .company-text .title-T-more {bottom:3%;}
.index-body .box4 .company-text .company-name {font-size: 15px}
.index-body .box4 .company-text .company-bk {padding: 15px 20px 15px 20px}
.index-body .box4 .company-text .more {width: 100px;height: 30px;line-height: 30px;margin-top: 10px;}
}





@media screen and (max-width:1400px) {
.index-body .box4 .company-text .company-bk {padding: 11px 20px 11px 20px}
.index-body .box4 .company-text .title-T {padding: 5% 20px;}
.index-body .box4 .company-text .title-T span.cn {font-size: 24px}
.index-body .box4 .company-text .title-T span.en {font-size: 14px;padding-top:0px;line-height:27px;}
.index-body .box4 .company-text .company-namee {font-size: 13px;line-height:26px;}
}



@media screen and (max-width:1300px) {
.index-body .box4 .content1200 {position: absolute;height: 100%;left: 30%;margin-left: -350px;width: auto}
.index-body .box4 .company-text .title-T {padding: 2% 20px;}
.index-body .box4 .company-text .title-T span.cn {font-size: 22px}
.index-body .box4 .company-text .title-T span.en {font-size: 13px;padding-top:0px;line-height:25px;}
.index-body .box4 .company-text .company-namee {font-size: 12px;line-height:24px;}
.index-body .box4 .company-text .more {width: 100px;height: 30px;line-height: 30px;margin-top: 5px;}
}



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

.index-body .box4 .xiangmu{ right:5%;}
.index-body .box4 .content1200 {left: 25%;margin-left: -250px;}
.index-body .box4 .company-text .title-T span.cn {font-size: 20px}
.index-body .box4 .company-text .company-bk {padding: 10px 20px 10px 20px}
}




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

.index-body{ display:none;}
}
@media screen and (max-width:640px) {
.index-body{ display:none;}
}

.into-body .box4 .PageTitle{background:url(../images/map2.png) no-repeat;background-size:100% 100%;padding:50px 0}
.into-body .box4 .PageTitle span.cn{color:#fff}
.into-body .box4 .PageTitle span.en{color:#fff;opacity:.2;filter:alpha(opacity=20);margin-top:10px}