*{margin:0;padding:0;}
img,a,table,ul,li{border:0;text-decoration:none;border-collapse:collapse;list-style:none;}

.xg_wrap{width:100%;height:800px;position:relative;}

/* * Swiper 2.7.6 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: February 11, 2015*//* =============================================================== Basic Swiper Styles ================================================================*/.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering*/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;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.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;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* IE10 Windows Phone 8 Fixes*/.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
/* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/.swiper-container{/* Specify Swiper's Size:*//*width:200px;height: 100px;*/}
.swiper-slide{/* Specify Slides's Size:*//*width: 100%;height: 100%;*/}
.swiper-slide-active{/*z-index:1;*//* Specific active slide styling:*/}
.swiper-slide-visible{/* Specific visible slide styling:*/}
/* =============================================================== Pagination Styles ================================================================*/.swiper-pagination-switch{/* Stylize pagination button:*/}
.swiper-active-switch{/* Specific active button style:*/}
.swiper-visible-switch{/* Specific visible button style:*/}

/** reset **/html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, embed, object, iframe, img, audio, video, canvas, hr, form, fieldset, legend, label, input, button, textarea, select, table, caption, tfoot, thead, tbody, tr, th, td, article, aside, header, footer, hgroup, section, summary, nav, dialog, details, figcaption, figure, menu, meter, output, progress, time, mark{margin: 0;padding: 0;}
embed, object, iframe, audio, video, canvas, article, aside, header, footer, hgroup, section, summary, nav, dialog, details, figcaption, figure, menu{display: block;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset, img{border-style: none;}
abbr, dfn{border-style: none;font-variant: inherit;}
blockquote, address, abbr, dfn, cite, q, code, var, kbd, samp, del, ins, sub, sup, s, i, optgroup, em, mark, small{font-style: inherit;font-weight: inherit;}
input, button, textarea, select, optgroup, option, small{font-size: 100%;font-family: inherit;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
ul, ol, menu{list-style: none outside;}
svg:not(:root){overflow: hidden;}
/** basic style **/pre, code, var, kbd, samp{font-size: 100%;font-family: Consolas,monospace;}
pre{white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
label[for]{cursor: pointer;}
abbr[title], dfn[title]{border-bottom: 1px dotted;cursor: help;}
hr{display: block;height: 0;border-style: none;border-top: 1px solid #ccc;background-color: transparent;}
mark{background-color: #ff9;}
audio:not([controls]){display: none;}
[hidden], body > img{display: none;}
sup, sub{position: relative;font-size: 75%;line-height: 1;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{-ms-interpolation-mode: bicubic;}
input, textarea{-webkit-user-modify: read-write-plaintext-only;}

/* some resets*/*, *:before, *:after{box-sizing: border-box;}
.fix:before, .fix:after{content: "";display: table;}
.fix:after{clear: both;}



.mainbody-gallery, .mainbody-sub{float: left;position: relative;}
.mainbody-gallery{width: 100%;}
.mainbody-gallery .wrapper02{position: relative;overflow: hidden;}
.mb-gallery-outer{position: relative;height:800px;}
.mb-gallery-container{overflow: hidden;}
.mb-gallery-scroll{height: 100%;}
.mb-gallery-lf, .mb-gallery-rg{position: absolute;left: 0;top: 50%;margin-top: -36px;width: 32px;height: 72px;}
.mb-gallery-rg{left: auto;right: 0;}
.mb-gallery-lf i, .mb-gallery-rg i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;filter: alpha(opacity=70);opacity: .7;}
.mb-gallery-lf i{ background:url(index_pic_left_01.png) center center #2373c8 no-repeat;}
.mb-gallery-rg i{ background:url(index_pic_right_01.png) center center #2373c8 no-repeat;}
/*.mb-gallery-lf:after, .mb-gallery-rg:after{content: "";position: absolute;left: 50%;top: 50%;margin: -8px 0 0 -5px;width: 10px;height: 17px;background: red;}*/
/*.mb-gallery-lf:after{background-position: 0 -93px;}*/
/*.mb-gallery-rg:after{background-position: 0 -113px;}*/
.mb-gallery-img{display: block;width: 100%;}
.mb-gallery-item{float: left;position: relative;overflow: hidden;}
.mb-gallery-intro{line-height: 1.2;color: #fff;font-size: 15px;background-color: #303030;}
.mb-gallery-intro span{margin-left: 10px;font-size: 80%;}
.mb-gallery-intro{position: absolute;bottom: 60px;padding: 7px 20px;width: 100%;height: 30px;background:url(0000007f-5.png) repeat;display:none;}


.mb-gallery-nav-wrap{width:100%;height:60px;position: absolute;left: 0;bottom: 0;background:rgba(0,51,102,0.8)/*url(xg_bottom_bg.png)*/;}
.mb-gallery-nav{width:1200px;height:60px;float:left;position:relative;left:50%;margin-left:-600px;}

.mb-gallery-nav .sorts{float: left;margin-right: 2px;display: table;width: 98px;background-color:rgba(255,255,255,0.8);}
.mb-gallery-nav .sorts a{display: table-cell;vertical-align: middle;height: 60px;font-size: 16px;color: #062032;text-align: center;text-decoration: none;font-family:"Microsoft YaHei";}
.mb-gallery-nav .sorts a.on{height:60px;color: #fff;background-color:rgba(0,51,102,0.8);border: 6px solid #cecece;}
.mb-gallery-nav-details{float: left;position:absolute;left:400px;bottom:0;width:800px !important;}
.mb-gallery-nav-details .photos-wrapper{padding: 0 74px;position: relative;height:60px;}
.mb-gallery-nav-details .photos-wrapper-container{overflow: hidden;}
.mb-gallery-nav-details .photos-wrapper-container .ul-wrap{position: relative;}
.mb-gallery-nav-details .photos-wrapper-container .ul-wrap li{float: left;margin-right: 1px;width: 110px;height: 60px !important;cursor: pointer;}
.mb-gallery-nav-details .photos-wrapper-container .ul-wrap li.on{border: 3px solid #fff;height: 60px !important;}
.mb-gallery-nav-details .photos-wrapper-arrow{position: absolute;top: 0;width: 74px;height: 60px;text-indent: -999em;overflow: hidden;}
.mb-gallery-nav-details .photos-wrapper-arrow:after{content: "";position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -5px;width: 12px;height: 20px;}
.mb-gallery-nav-details .photos-wrapper-arrow.left{left: 0;}
.mb-gallery-nav-details .photos-wrapper-arrow.left:after{background: url(index_pic_left_01.png) no-repeat;}
.mb-gallery-nav-details .photos-wrapper-arrow.right{right: 0;}
.mb-gallery-nav-details .photos-wrapper-arrow.right:after{background: url(index_pic_right_01.png) no-repeat;;}

.mb-gallery-container,.mb-gallery-scroll,.mb-gallery-item{height:800px !important;overflow:hidden;}
.mb-gallery-img{width:100% !important;height:800px !important;margin-top:0 !important;}