@charset "utf-8";
@import url(/css/footer_simple.css);

.top { background:#fff;position:relative; width:100%;overflow:hidden; height:73px; }
.top div { height:100%; }
.top img { height:100%; width:auto; }
.swiper-container { position: relative;  z-index:0; overflow: hidden; margin: 0 auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-wrapper { position: relative; width: 100%;  height:100%; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-property: -webkit-transform,left,top; -moz-transition-property: -moz-transform,left,top; -ms-transition-property: -ms-transform,left,top; -o-transition-property: -o-transform,left,top; transition-property: transform,left,top; -webkit-transform: translate3d(0px,0,0); -moz-transform: translate3d(0px,0,0); -ms-transform: translate3d(0px,0,0); -o-transform: translate3d(0px,0,0); -o-transform: translate(0px,0); transform: translate3d(0px,0,0); }

.swiper-wrapper .swiper-slide { position: relative;  height:100%; transition: all .2s ease-in-out .01s; background-position: center; background-repeat: no-repeat; background-size:cover;float:left; }
 

.menu {  background-image:url(../images/EXP.service_menu_bg.png);background-position:right; background-size:contain; position:absolute; right:0;   height:100%; z-index:3; overflow:hidden; }
 
.menu a { height:7.72%; display:block; background-size:contain; background-position:right; background-repeat:no-repeat; position:relative;z-index:5; }
.menu .m_t { position:absolute; top:26%; height:100%; width:100%; }
.bg { background-image:url(../images/EXP_service_bg.png); position:absolute; z-index:0; background-position:right; width:100%; height:100%;   }
.bo_menu { background-image:url(../images/EXP_service_bo_.png); width:100%;  text-align:center; z-index:35; position:absolute;top:65%;background-size:cover; overflow:hidden; }
.bo_menu a { display:inline-block; height:100%;  width:12%;    }
.bo_menu a img { height:100%; width:auto; }
.bo_layer { position:absolute; width:100%; height:100%; z-index:9; }
.bo_layer>img { width:100%; height:auto; }
.bo_layer .close{ position:absolute;  right:0; z-index:999; }
.se_layer { background-image:url(../images/EXP_service_layer2.png); background-size:cover;  width:51.3%; height:58%; overflow:hidden; position:absolute; left:22.5%; top:22%; z-index:999; }

.se_layer .title { height:4.5%; width:100%; overflow:hidden;padding:3% 4%;  }
.se_layer .title img {  height:auto; width:50%;  }
.se_layer .conn { height:68%;padding:40px; }

.textarea_content {  line-height:28px; font-size:14px; color:#fff; }

.textarea_content img {  max-width:98%;  height:auto;}
.ma_list { width:100%; padding:20px 0 0 0; }
.ma_list .item { width:33.3%; text-align:center; float:left; color:#fff; font-size:14px; }
.ma_list .item  img { width:65%; }
.ma_list .item a { display:inline-block; padding:5px 20px; background:#ff6a00; margin: 5px; color:#fff; font-size:14px; }
.ma_list .item a:hover {  background:#8b3c00; }
.pageinfo { text-align: center;line-height:18px; color: #fff;font-size:14px;overflow:hidden; clear:both;}
.pageinfo a { display: inline-block;  color: #fff;}
.pageinfo a:hover { text-decoration:underline; }
.pageinfo .currentpage{ }



 

@media handheld,only screen and (max-width:1680px) {
    .menu { background-repeat:no-repeat; }
}

@media handheld,only screen and (max-width:1440px) {
    .menu { background-repeat:no-repeat; }
    .se_layer .conn {height:68%;padding:30px; font-size:12px;line-height:22px; }
    .ma_list .item { font-size:12px; }
.ma_list .item a {  padding:3px 20px;   font-size:12px; }
}

@media handheld,only screen and (max-width:1024px) {
    .top { height:50px; }
    .menu { background-repeat:no-repeat; }
    .se_layer .conn {height:68%;padding:20px; font-size:11px;line-height:22px; }
    .se_layer .title {padding:2% 4%; }
.ma_list .item { font-size:10px; }
.ma_list .item a {  padding:3px 20px;   font-size:10px; }
}