@charset "utf-8";
/* CSS Document */

<style id="/client/css" type="text/css" rel="stylesheet">

body{}#mOuterBox{}#mBody1,#dBody1{background-color: rgb(240, 243, 250); background-position: 0% 0%;}#mBody2,#dBody2{background-position: 0% 0%;}
@charset "UTF-8";
.box20063_1 { font: 14px/1.43 "Micrsoft Yahei", Arial, sans-serif; color: #333; }
.box20063_1 * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box20063_1 a { text-decoration: none; color: inherit; }
.box20063_1 a:focus { outline: 0; }
.box20063_1 img { max-width: 100%; vertical-align: middle; border: 0; }
.box20063_1 ul, .box20063_1 li { list-style: none; }
.box20063_1 .mf-nav-wrap { background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; width: 100%; padding: 15px; -webkit-transition: all ease .3s; transition: all ease .3s; z-index: 990; /*页面的右移效果，如无必要，无需修改*/ }
.box20063_1 .mf-nav-wrap::before, .mf1048_1 .mf-nav-wrap::after { display: table; content: ""; }
.box20063_1 .mf-nav-wrap::after { clear: both; }
.box20063_1 .mf-nav-wrap.slide-style { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
.box20063_1 .logo { float: left; width: 85px; }
.box20063_1 .mf-nav-toggle { float: right; margin-top: 6px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-nav-toggle span { display: block; width: 30px; height: 2px; background-color: #fff; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-nav-toggle span + span { margin-top: 5px; }
.box20063_1 .mf-nav-toggle.toggle { margin-top: 12px; }
.box20063_1 .mf-nav-toggle.toggle span:nth-child(1) { -webkit-transform: translate(1px, 1px) rotate(-45deg); transform: translate(1px, 1px) rotate(-45deg); }
.box20063_1 .mf-nav-toggle.toggle span:nth-child(2) { display: none; }
.box20063_1 .mf-nav-toggle.toggle span:nth-child(3) { margin-top: 0; -webkit-transform: translate(1px, -1px) rotate(45deg); transform: translate(1px, -1px) rotate(45deg); }
.box20063_1 .mf-navbar .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 997; visibility: hidden; }
.box20063_1 .mf-navbar ul { background-color: #fff; width: 300px; height: 100vh; position: fixed; right: -300px; top: 0; padding-bottom: 30px; overflow-y: auto; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; z-index: 998; }
.box20063_1 .mf-navbar ul li { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-navbar ul li > a { display: block; padding: 20px 15px; border-bottom: 1px solid #efefef; overflow: hidden; }
.box20063_1 .mf-navbar ul li > a img { width: 22px; margin-right: 15px; float: left; }
.box20063_1 .mf-navbar ul li > a .title { display: block; float: left; font-size: 16px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box20063_1 .mf-navbar ul li > a .mf-arrow { display: block; width: 22px; height: 22px; float: right; background: url(images/arrow_down.png) no-repeat center center; background-size: 15px auto; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-navbar ul li.active > a .mf-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.box20063_1 .mf-navbar .subnav { display: none; }
.box20063_1 .mf-navbar .subnav .sub-item { border-bottom: 1px solid #efefef; background-color: #f8f8f8; }
.box20063_1 .mf-navbar .subnav .sub-item a { display: block; padding: 10px 15px 10px 50px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box20063_1 .mf-navbar.show .mask { visibility: visible; }
.box20063_1 .mf-navbar.show ul { -webkit-transform: translateX(-300px); transform: translateX(-300px); visibility: visible; }

.box20063_1 .mf-navbar.show ul li.ani { -webkit-transform: translateX(0); transform: translateX(0); }


.box6037_1 .ibanner{position: relative;margin: 0;}
.box6037_1 .ibanner .banner-loaded{width: 100%;z-index: 1;-webkit-tap-highlight-color: transparent; position: relative;}
.box6037_1 .ibanner .banner-loaded .swiper-container{position: relative; overflow: hidden;-webkit-transform: translate3d(0,0,0);}
.box6037_1 .ibanner .banner-loaded .bar-container .swiper-slide a{display: block;overflow: hidden;}
.box6037_1 .ibanner .banner-loaded .bar-container .swiper-slide img{vertical-align: middle;border: none;max-width: 100%;}
.box6037_1 .ibanner .swiper-pagination-bullet{width: 3%;display: inline-block;position: relative;font-size: 16px;line-height: 20px;color: #fff;color: rgba(255,255,255,.8);cursor: pointer;background: none;}
.box6037_1 .ibanner .swiper-pagination-bullet::after{ content: '';width: 100%;background: #000; height: 5px;position: absolute;left: 0;top: 0;transition: all 0.5s ease;}
.box6037_1 .ibanner .swiper-pagination-bullet-active::after{background: #1ba7b0;height: 5px;top: -2px;}
.box6037_1 .ibanner .swiper-pagination-bullet:hover{opacity: 1;}
.box6037_1 .ibanner .swiper-pagination-bullet:hover:after{background: #1ba7b0;height: 5px;top: -2px;}
.box6037_1 .ibanner .banner-loaded .bar-container .btn-next,.ibanner .banner-loaded .bar-container .btn-prev {width: 45px;height: 70px;background-position: center center;background-size: auto 20px;background-color: rgba(113, 114, 115, 0.3); background-repeat: no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 20;-webkit-transition: all ease .3s;transition: all ease .3s; opacity: 0; visibility: hidden;}
.box6037_1 .ibanner .banner-loaded .bar-container .btn-next {background-image: url(images/next.png); right: 0;}
.box6037_1 .ibanner .banner-loaded .bar-container .btn-prev{background-image: url(images/prev.png);left: 0;}

@media (min-width: 768px) { 
.box6037_1 .ibanner .banner-loaded .bar-container:hover .btn-next,.ibanner .banner-loaded .bar-container:hover .btn-prev { opacity: 1; visibility: visible; }
.box6037_1 .ibanner .banner-loaded .bar-container .btn-prev:hover,.ibanner .banner-loaded .bar-container .btn-next:hover{background-color: #1ba7b0; }
.box6037_1 .ibanner .banner-loaded .bar-container:hover .btn-prev { left: 30px; }
.box6037_1 .ibanner .banner-loaded .bar-container:hover .btn-next { right: 30px; } 
}

</style>