@charset "utf-8";
/* CSS Document */
html {color: #000;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
html * {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent}
body, html {font-family: sans-serif ; }
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {margin: 0;padding: 0}
img {border: 0;vertical-align: middle}
ol, ul {list-style: none}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 500}
a, a:hover {text-decoration: none}
.clearfix:after, .clearfix:before {content: "";display: table}
.clearfix:after {clear: both;overflow: hidden}
.opacity {opacity: 0}
img{width:100%; display:block;}
.fl { float:left;}
.fr{ float:right;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;	-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);	-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;	transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}

body{ /**/ }

.bodyaddbg{background:url(maxifirstbg.jpg) repeat;}


.MixfTop{ width:100%; position:relative;}
.maxifirslist{ position:relative; z-index:9;}
.mflioneimg{ position:absolute; top:0;left:0;}
.mflionemain{ width:77%; margin:0 auto; position:relative;}
.maixflmhtit{ width:31%; display:block; margin-left:-2%;}
.mfliomtop h2{ background:#000;}
.mfliomtop h3{ background:#252525; color:#fff; text-align:center; font-size:20px; line-height:30px; padding:2% 0; /*86*/}
.maixflmcssf{ width:14%;  margin-left:86%;}
/*979797*/
.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23979797'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23979797\'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev,.swiper-button-next{  width:55px ; height:80px;background-size: 55px 80px; top:40%; }
.swiper-container-horizontal > .swiper-paginationA{ background:url(swiper-pagination-clickable.png) top left; background-size:contain; bottom:0; padding:3% 0 3% 3%; text-align:left; width:97%;}
.swiper-pagination-bullet-activeA{background:#131D97; }
.swipertop{ position:absolute; top:0; left:15%; z-index:9; width:70%;}
.mflionecount{ background:url(flionecount.jpg); position:relative;}
.mflionecount h4{ width:90%; margin-left:3%; font-size:22px; line-height:110px;}
.swiper-containerV{ width:70%;}
.swiper-wrapperV p{ background:#f3f3f3; color:#666; text-align:center; font-size:16px; line-height:30px; height:100px;/* padding:25px 0;*/  vertical-align:middle; border-right:1px solid #c0c0c0; position:relative; }
.swiper-wrapperV p span{ display:block; width:90%;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  }
.mfliwanyan{ background:#000; color:#fff;display:table; border-collapse:separate; width:100%;}
.mfliwymain{display:table-row;}
.mfliwyleft,.mfliwyright,.mfliwymiddom{ display:table-cell; position:relative; vertical-align:middle;} 
.mfliwyleft{ width:55%;  }
.mfliwymiddom{ width:30%; background:#282828; }
.mfliwyright{ width:15%;}
.mfliwymiddom img{ width:90%; margin:0 auto; display:block; }
.mfliwyleft h2{ font-size: 18px; line-height:50px; width:90%; margin-left:3%; font-weight:900;}
.mfliwyleft h3{ width:80%; margin:5% auto; padding-bottom:10%; border-bottom:1px solid #fff; text-align:center; font-size: 16px; line-height:40px;}
.maixcssfLogo{ background:#282828; width:100%; }
.maixcssfLogo img{width:15%;}
.maxifirslist02{ position:relative; /*height:100%;*/}
.mflitwoimg{ position:absolute; top:-30%;left:0;}
.maxifliswiper{ position:relative;  }
.swiper-slide { background-size: cover; background-position: center;}
.gallery-top { height: 80%; width: 100%; }
.gallery-top p{ position:absolute; top:2%;left:10%; width:80%; padding:1% 0; text-align:center; background:url(overlay.png) ; color:#fff; font-size:16px;}
.gallery-thumbs {width:80%; }
.gallery-thumbs .swiper-slide {opacity: 1; position:relative;  }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.swiper-button-prev, .swiper-button-next{}
.swiper-button-nextB, .swiper-button-prevB{ bottom:0; width: 25px;  height: 50px;  background-size: 25px 50px;} 
.gallery-thumbs .swiper-slide-active .manactive{ opacity:1;}
.gallery-thumbs .swiper-slide:hover .manactive{ opacity: 0.3; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.swipersuolue{ position:absolute; bottom:0; left:0;  width:100%; }
.mflQRCode{ background:#fff; color:#fff; display:table; padding:10% 0 0 0;border-collapse:separate; width:100%;}
.mflQRCoMain{width:80%; margin:0 auto;background:#000;}
.mflQRCoMleft,.mflQRCoMright{ display:table-cell; position:relative; vertical-align:top; padding:5% 0 ; }  
.mflQRCoMleft{ width:65%; background:url(2016-12-22_160821.jpg) bottom left no-repeat; background-size:cover;}
.mflQRCoMleft h1{ width:80%; margin:0 auto; font-size:20px; line-height:40px; }
.mflQRCoMright{ width:35%;}
.maixqrcode{ width:35%; margin:10% auto;}
.mflQRCoMright p{ width:90%; margin:0 auto;   font-size:14px; line-height:30px; text-align:center;}
.maixcssfwite{ width:30%; margin-top:3%; }
.maixfilbottom{ margin-top:-30%;}
.arrow-left { background:url(leftbig.png) no-repeat ; background-size:contain;position: absolute;left: 10px;top: 50%; margin-top: -15px;  width: 35px; height: 50px; z-index:9;}
.arrow-right { background:url(rightbig.png) no-repeat ; background-size:contain; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 35px; height: 50px; z-index:9;}
.pagination { position: absolute; z-index: 20; left: 0; bottom: 0; background:#f00; display:block; padding:3% 0 3% 3%; text-align:left; width:97%; background:url(swiper-pagination-clickable.png) top left; background-size:contain;}
.swiper-pagination-switch { display: inline-block; width: 15px; height: 15px; border-radius: 8px; background: #fff; margin-right: 5px; opacity: 0.8;  border: none; cursor: pointer;}
.swiper-active-switch { background: #131D97;}
.maxihdengs{ width:100%; overflow:hidden; position:relative}
.swiper-containerA{  width:100%; margin:0 auto;}
.maxihdengsB{width:70%; overflow:hidden; position:relative; margin:0 auto;}
.swiper-containerB{  width:100%; margin:0 auto;}
.arrow-leftB { background:url(leftbig.png) no-repeat ; background-size:contain;position: absolute;left: 10px;top: 50%; margin-top: -15px;  width: 35px; height: 50px; z-index:9;}
.arrow-rightB { background:url(rightbig.png) no-repeat ; background-size:contain; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 35px; height: 50px; z-index:9;}
.paginationB { position: absolute; z-index: 20; left: 0; bottom: 0; background:#f00; display:block; padding:3% 0 3% 3%; text-align:left; width:97%; background:url(swiper-pagination-clickable.png) top left; background-size:contain;}
.maxihdengsB p{ background:#f3f3f3; color:#666; text-align:center; font-size:16px; line-height:30px; height:100px;/* padding:25px 0;*/  vertical-align:middle; border-right:1px solid #c0c0c0; position:relative; }
.maxihdengsB p span{ display:block; width:90%;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  }
.paginationC{ position: absolute; z-index: 20; left: 0; bottom: 0; background:#f00; display:block; padding:3% 0 3% 3%; text-align:left; width:97%; background:url(swiper-pagination-clickable.png) top left; background-size:contain;}
.paginationC .swiper-pagination-switch{ /*width:10%;*/}
.paginationC span{}
.swiper-containerC .swiper-slide { position:relative;} 
.swiper-containerC p{ position:absolute; top:2%;left:10%; width:80%; padding:1% 0; text-align:center; background:url(overlay.png) ; color:#fff; font-size:16px;}
.arrow-leftC { background:url(leftbig.png) no-repeat ; background-size:contain;position: absolute;left: 10px;top: 50%; margin-top: -15px;  width: 35px; height: 50px; z-index:9;}
.arrow-rightC { background:url(rightbig.png) no-repeat ; background-size:contain; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 35px; height: 50px; z-index:9;}
.maixsuoye{ width:80%; margin:0 auto; position:absolute; bottom:0;left:10%; text-align:center; }
.maixsuoye li{ display:inline-block; width:15.5%; position:relative;}
.manvisb{position:relative; top:0;left:0; }
.manactive{ opacity:0; position:absolute; top:0;left:0; cursor: pointer; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sycative .manactive{ opacity:1;} 
.manactive:hover{ opacity:.5 ; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
@media screen and (max-width:1367px){
.maixflmcssf{ width:16%;  margin-left:84%;}
.mfliomtop h3{ font-size:16px; line-height:35px; padding:1% 5%; width:90%;}
.swiper-wrapperV p{  font-size:14px; line-height:22px; height:80px;}	
.maixcssfLogo img{width:20%;}
.mfliwyleft h3{ width:86%; }
.mflQRCoMleft{ width:60%; }
.mflQRCoMleft h1{  font-size:18px; line-height:36px; }
.mflQRCoMright{ width:40%;}
.maxihdengsB p{ line-height: 24px; overflow:hidden; height:110px; }
}
@media screen and (max-width:1265px){
.mfliomtop h3 { line-height:20px;}
}		
@media screen and (max-width:1199px){
.maixflmcssf{ width:20%;  margin-left:80%;}	 
}
@media screen and (max-width:991px){ 
}
@media screen and (max-width:768px){
.mfliwymiddom{ width:40%;  }
.mfliwyright{ width:5%;}
.maixcssfLogo img{width:30%;}
.mflQRCoMleft h1{  font-size:14px; line-height:30px; }
.maixqrcode{ width:50%;}	
.mflQRCoMain{ width:90%; }	
.maxihdengsB p{ font-size:14px; line-height:20px;   }	
.pagination {  padding:1% 0 1% 3%;  }	
.swiper-pagination-switch{ width:8px; height:8px;}
.maixsuoye{ width:94%; left:3%; }
.maixsuoye li{ width:14%;}
}

@media screen and (max-width:479px){
.mflionemain{ width:90%;}
.maixflmhtit{ width:45%;}	
.maixflmcssf{ width:35%;  margin-left:65%;}
.mfliomtop h3{ font-size:14px; line-height:25px;  padding:3% 5%;}
.mflionecount h4{ font-size:18px; line-height:80px;}
.swiper-wrapperV p{  }	
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 1px;}
.swiper-pagination-bullet{ width:8px; height:8px;}
.swiper-container-horizontal > .swiper-paginationA{ padding:0 0 0 3%;}
.swiper-button-prev, .swiper-button-next{width: 25px;  height: 50px;  background-size: 25px 50px;}	
.mfliwyleft h2{ font-size: 16px; line-height:30px; }
.mfliwanyan,.mfliwymain,.mflQRCoMain{  display: block; }
.mfliwyleft,.mfliwymiddom,.mflQRCoMleft,.mflQRCoMright{   display: block;width:100%;}
.mfliwymiddom img{ position:relative; top:0; left:0;    transform: translateX(0) translateY(0);}
.mflQRCode{ background:#fff; color:#fff; display:table; padding:10% 0 0 0;border-collapse:separate; width:100%;}
.mflQRCoMain{ width:100%; }
.maixqrcode{ width:40%;}
.maixcssfwite{ width:50%;  }
.mfliwyright{ display:none;}
.mfliwyleft{ padding-top:3%;}
.mfliwyleft h3{  font-size: 14px; line-height:28px;}
.maixcssfLogo img{width:50%;}
.gallery-top p{  font-size:14px;}
.mflQRCoMright p{ width:100%;  }
.maxihdengsB p{ font-size:12px; line-height:16px;   }
}