html { font-family:font-family: 'Microsoft Yahei','微软雅黑',Arial,Helvetica, "Hiragino Sans GB",'Lucida Grande',Tahoma,sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 6.2vw;height: 100%;width:100%;margin: 0 auto;}

body { margin: 0; font-size: 0.6rem; line-height: 1.5; color: #333333; background:url('../images/bg.jpg?t=31a') no-repeat  #eeeeee; background-size: 100%; height: 100%;width: 100%; overflow: auto;-webkit-overflow-scrolling: touch;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }
/*@font-face{
	font-family:'din';
	src:url('HYQiHei-50S.ttf');
	font-weight:normal;
	font-style:normal;
}*/
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #000; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;font-weight: normal;  }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1{padding:0.5rem 0;}
input,textarea,a{outline: none;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
img{width: 100%;display: block;vertical-align: middle;}
.wrap{position: relative;overflow-x: hidden;}
/*display*/
.display_flex > *{display: block;}
.display_flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.display_inline-flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.display_inline-flex > *{display: block;}
/*伸缩流方向*/
.flex-direction_column{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*主轴对齐*/
.justify-content_flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.justify-content_flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-content_flex-justify{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*侧轴对齐*/
.align-items_flex-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.align-items_flex-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.align-items_center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.align-items_baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
/*伸缩性*/
.flex_auto{-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.flex_1{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/*显示顺序*/
.order_2{-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.order_3{-webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.boxSizing{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


@keyframes rod
{  0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
@keyframes rod2
{
    0%{transform: rotate(0);}
    100%{transform: rotate(-360deg);}
}

.slide{background:no-repeat;background-size: cover;position: relative;background: #000;}
.swiper-container{height: 8.89rem;margin:0 .75rem;background: transparent;}
.jdmt{background: url("../images/mtbg.png?t=a3") no-repeat;background-size: 100%;height: 12rem;padding:1.95rem 0 0;margin-top: 1rem;position: relative;}
.jdmt .lo{position: absolute;z-index: 9;width: 2.84rem;height: 2.4rem;background: #325ff6;right:.65rem;top:.95rem;display: flex;justify-content: center;align-items: center;}
.jdmt .lo img{width: 85%;}
#Jswiper .swiper-slide {
  text-align: center;
  background:no-repeat center;
  background-size: cover;
  overflow: hidden;
}

.imgbox .swiper-slide{    /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-fslexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
img{width: 100%;}
#Jswiper .swiper-pagination{left: auto;width: auto;right: 0;}
.swiper-pagination-bullet{background-color: #fff;width: .32rem;height: .32rem;margin:0 .05rem !important;}
.swiper-pagination-bullet-active{background-color:#2d3e4e }
.wrap.ov{height: 100%;overflow: hidden;}
.top{overflow:hidden;padding:.65rem;height: 11.15rem;}
.top span{display: block; }
.top span:nth-child(1){float: left;width: 2.8rem;}
.top span:nth-child(2){float:right;width: 4rem;}

.nav{padding:0 .65rem;}
.nav a{display: block;background: url("../images/nav.png") no-repeat;background-size: 100% 100%;margin-left:.25rem;flex: 1;text-align: center;color:#bbb;padding:.4rem 0;font-size: .5rem;font-family: 'din'}
.nav a:nth-child(1){margin-left: 0;}
.nav a.active{background-image: url("../images/nav_active.png");color: #fff;}
.nav a.prohibit{background-image: url("../images/nav_prohibit.png");}

.vbox{padding:.65rem .65rem 1rem;position: relative;}
.vbox a{position: absolute;right: .65rem;bottom:0.65rem;height: 2rem;width: 5rem;z-index: 1;}
.vbox .t{background: #325ff6;padding:.1rem;position: relative;height:  8.23rem;}
.vbox .t iframe{width:100%;height:100%}
.vbox .vbg{position: absolute;z-index: 1;width: 100%;height: 7.8rem;left: 0;top: 0;box-sizing: border-box;padding:.25rem;}
.vbox .vbg span{display: block;width: 2rem;height: 2rem;position: absolute;z-index: 1;left: 50%;top:50%;margin:-1rem 0 0 -1rem;background: url("../images/bf.png") no-repeat ; background-size: cover;}

.bgb{background: url("../images/bg2.jpg") no-repeat  center bottom;background-size: 100%;}
.nowmt{background: url("../images/nowmtbg.png?t=2") no-repeat;padding:1.89rem .645rem 1rem;background-size: 100%;margin-top: 1rem;}
.nowmt a{padding:.052rem .095rem;display: block;}

.bot{height: 5.6rem;}
.bot .logos{padding: 1rem 0;text-align: center;}
.bot .logos img{width: 3rem;display: inline-block;}

.tuji,.imgbox{width: 100%;height: 100%;background: #eee;}
.imgbox{background: rgba(0,0,0,.95);z-index: 999;display:none;z-index: -99;position: fixed;left: 0;top: 0;}
.imgbox.show{display:block;z-index: 99;}
.imgbox .swiper-container{height: 100%;margin:0;}
.imgbox .swiper-slide{height: 100%;}
.imgbox .swiper-slide img{margin-bottom: 2.5rem;}
.imgbox .swiper-pagination{color:#eee;text-align: left;margin-left: .65rem;}
.imgbox .close{width: 1.1rem;position: absolute;left: 50%;bottom:1.83rem;margin-left: -.55rem;z-index: 999}
.imgbox span.tip{position: absolute;right: .65rem;bottom:10px;color:#eee;font-size: .5rem;z-index: 999}

.tuji h3{height: 2rem;text-align: center;position: relative;line-height: 2rem;color: #000;padding:0 .65rem;font-family: 'din';font-weight: 600;}
.tuji h3 a{position: absolute;left: 0.65rem;top: 50%;display: block;width: 1rem;margin-top: -.5rem;}
.tuji .nav{}
.tuji .nav a{color:#385068;background: none;font-size: .65rem;}
.tuji .nav a.active{color: #325ff6}
.tuji .nav a.prohibit{color: #ccc;}
.tjtop{position: absolute;top:0;left: 0;width: 100%;background: #fff;z-index: 98}
.waterfall{
	height: calc(100% - 5.6rem);
	overflow: auto;
}

.imgstit{padding:4.5rem 1rem .15rem;text-align: center;font-size: .65rem;position: relative;}
.imgstit span{display: inline-block;position: relative;padding:0 .5rem;background: #eee;z-index: 1;}
.imgstit:before{content: "";width: 100%;height: 1px;display: block;position: absolute;bottom:.6rem;left:0;background:  linear-gradient(to right,  rgba(0,0,0,0) , rgba(0,0,0,.2), rgba(0,0,0,0));z-index: 0;}
 .waterfall .list{
 	padding:.4rem .65rem 2rem;
	position: relative;
	/*-moz-column-count:2;  
	-webkit-column-count:2; 
	column-count:2;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;*/
}
 .waterfall .list .col{width: 48.5%;float: left;}
 .waterfall .list .col:nth-child(2){float: right;}
/*一个内容层*/
.item{
margin: 0 0 1em 0;
/*-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;*/

width: 46%;
}
 .waterfall .list .col .item{width: 100%;}
.item img{
width: 100%;
margin-bottom:10px;
}
.preload{position:fixed;height:100%;width: 100%; top:0;left:0;z-index:99999999;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-ms-transition:opacity 1s ease;transition:opacity 1s ease;-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
.preload:after,.preload:before{content:'';position:absolute;height:25%;width:100%;background-color:#111;z-index:99;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}
.preload:before{top:0;left:0;transform:translateX(0)}
.flat:before,.preload:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}
.preload:after{bottom:0;right:0;transform:translateX(0);-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;transition-delay:.6s}
.flat{position:fixed;height:calc(50% + 2px);top:50%;width:100%;left:0;z-index:9000;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-ms-transition:opacity 1s ease;transition:opacity 1s ease;-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
.flat:after,.flat:before{content:'';position:absolute;height:51%;width:100%;background-color:#111;z-index:99;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}
.completed,.completed .flat,.completed .square,.completed .square-2,.completed .square-3,.completed .square-4{opacity:0;visibility:hidden}
.flat:before{top:0;left:0;transform:translateX(0);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}.flat:after{bottom:0;right:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}.completed:before{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.completed:after{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.completed .flat:before{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.completed .flat:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.square,.square-2,.square-3,.square-4{position:absolute;top:50%;left:0;right:0;margin:auto;z-index:9001;border:6px solid #1cb2c0;overflow:hidden;opacity:1;visibility:visible;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;transition:all 2s ease}.square{-webkit-animation:zoom 1.5s infinite linear;-moz-animation:zoom 1.5s infinite linear;-ms-animation:zoom 1.5s infinite linear;animation:zoom 1.5s infinite linear}.square-2{-webkit-animation:zoom1 1.5s infinite linear;-moz-animation:zoom1 1.5s infinite linear;-ms-animation:zoom1 1.5s infinite linear;animation:zoom1 1.5s infinite linear}.square-3{-webkit-animation:zoom2 1.5s infinite linear;-moz-animation:zoom2 1.5s infinite linear;-ms-animation:zoom2 1.5s infinite linear;animation:zoom2 1.5s infinite linear}.square-4{-webkit-animation:zoom3 1.5s infinite linear;-moz-animation:zoom3 1.5s infinite linear;-ms-animation:zoom3 1.5s infinite linear;animation:zoom3 1.5s infinite linear}@-webkit-keyframes zoom{0%,100%{width:20px;height:20px;opacity:0}33%{width:40px;height:40px;opacity:1}66%{width:60px;height:60px;opacity:0}}@-moz-keyframes zoom{0%,100%{width:20px;height:20px;opacity:0}33%{width:40px;height:40px;opacity:1}66%{width:60px;height:60px;opacity:0}}@-ms-keyframes zoom{0%,100%{width:20px;height:20px;opacity:0}33%{width:40px;height:40px;opacity:1}66%{width:60px;height:60px;opacity:0}}@keyframes zoom{0%,100%{width:20px;height:20px;opacity:0}33%{width:40px;height:40px;opacity:1}66%{width:60px;height:60px;opacity:0}}@-webkit-keyframes zoom1{0%,33%{width:20px;height:20px;opacity:0}66%{width:40px;height:40px;opacity:1}100%{width:60px;height:60px;opacity:0}}@-moz-keyframes zoom1{0%,33%{width:20px;height:20px;opacity:0}66%{width:40px;height:40px;opacity:1}100%{width:60px;height:60px;opacity:0}}@-ms-keyframes zoom1{0%,33%{width:20px;height:20px;opacity:0}66%{width:40px;height:40px;opacity:1}100%{width:60px;height:60px;opacity:0}}@keyframes zoom1{0%,33%{width:20px;height:20px;opacity:0}66%{width:40px;height:40px;opacity:1}100%{width:60px;height:60px;opacity:0}}@-webkit-keyframes zoom2{0%{width:60px;height:60px;opacity:0}33%,66%{width:20px;height:20px;opacity:0}100%{width:40px;height:40px;opacity:1}}@-moz-keyframes zoom2{0%{width:60px;height:60px;opacity:0}33%,66%{width:20px;height:20px;opacity:0}100%{width:40px;height:40px;opacity:1}}@-ms-keyframes zoom2{0%{width:60px;height:60px;opacity:0}33%,66%{width:20px;height:20px;opacity:0}100%{width:40px;height:40px;opacity:1}}@keyframes zoom2{0%{width:60px;height:60px;opacity:0}33%,66%{width:20px;height:20px;opacity:0}100%{width:40px;height:40px;opacity:1}}@-webkit-keyframes zoom3{0%{width:40px;height:40px;opacity:1}33%{width:60px;height:60px;opacity:0}100%,66%{width:20px;height:20px;opacity:0}}@-moz-keyframes zoom3{0%{width:40px;height:40px;opacity:1}33%{width:60px;height:60px;opacity:0}100%,66%{width:20px;height:20px;opacity:0}}@-ms-keyframes zoom3{0%{width:40px;height:40px;opacity:1}33%{width:60px;height:60px;opacity:0}100%,66%{width:20px;height:20px;opacity:0}}@keyframes zoom3{0%{width:40px;height:40px;opacity:1}33%{width:60px;height:60px;opacity:0}100%,66%{width:20px;height:20px;opacity:0}}