@charset "utf-8";
/* CSS Document */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch} /*上下拉动滚动条时卡顿、慢*/
body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]) {display: none;height: 0;}
[hidden], 
svg:not(:root) {overflow: hidden;} 
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
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 {padding: 0;border: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
img{max-width:100%;border:0;vertical-align:middle;}
a,button,input,select,textarea{outline:0}

/* 美化 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-shadow: rgba(0,0,0,.15) 0 0 1px;}
a{text-shadow:none;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-color: transparent;}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  
  -webkit-text-size-adjust: 100%; /*旋转屏幕时，字体大小调整的问题*/

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* base anim */
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after , .nav_transform1 ul.navCont li .title,.media-box .icon,.cusbox a{
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
ul,li{ list-style: none;}

 
.pad{padding-left: 4%;padding-right: 4%;}

 
/*对齐样式*/
.dcenter { margin:0 auto;}
.tl{ text-align:left!important;}
.tr{ text-align:right!important;}
.tc{text-align:center!important;}
.in{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.pos{ position: relative;}

/*垂直居中1*/
.jcent{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
/*垂直居中2*/
.ghost-center{height: 100%}
.ghost-center:before{content: " ";display: inline-block;height: 100%;width: 1%;vertical-align: middle;}
.ghost-center p,.ghost-center a{display: inline-block;vertical-align: middle;}

/*文字缩略*/
.txtW {
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.txtH {
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}


.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}


/* widgets 组件
----------------------------------------------------*/
.widget-respimg{display:table-cell!important;text-align:center;vertical-align:middle}
.widget-respimg img{max-height:100%;max-width:100%}

/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {border-radius:0;background-color: #eee;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #eee;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #eee;}
 
html{font-size: 14px}
body{font:14px/1.8 Arial,'Microsoft Yahei'}
body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll}
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}

.wrap{max-width:1600px;margin-left:auto;margin-right:auto; *width:1600px;}

/*
 * PcMode-min
 */
@media only screen and (min-width: 1440px) and (max-width: 1680px) {
  .wrap{max-width:1300px;*width:1300px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	html{font-size: 9px}
  .wrap{max-width:1200px;*width:1200px;}

}

@media only screen and (max-width: 1200px) {
	
  .wrap{max-width:1002px;*width:1002px;}

}

/*
 * PadMode
 */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
	body{font:14px/1.8 Arial,'Microsoft Yahei'}
  body:after {
    content: 'Pad';
  }
  .wrap{padding-left:2%;padding-right:2%;max-width: none;} 
} 
/*
 * MobileMode
 */
@media only screen and (max-width: 640px) { 
	 body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font:15px/1.8 Arial,'Microsoft Yahei'}
  .wrap{padding-left:4%;padding-right:4%;}
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
}