body{background:#FFF; padding:0; margin:0; font-family:MyriadPro-Regular,HelveticaNeueLTStd-XBlkCn,MyriadPro-Regular; color:#333; font-size:62.5%}
a{text-decoration:none; color:#666}
a:hover{color: #33ccff;}
p{ margin:0; padding:0}
ul{list-style:none;margin:0px;padding:0px;}
.br{ width:100%; height:1px; clear:both}

#foot0{ height:60px; border-top:1px solid #EEE; background:#FFF;text-align:center; line-height:60px}
#foot0 a{ margin:0 15px 0 15px;}
#foot0 a .iconfont{font-size:30px; color:#999}
#foot1{ background:#f7f7f7;line-height:20px; color:#999; text-align:center; padding:15px 15px 20px 15px}
#foot1 a{ margin:0 15px 0 15px; color:#999}


@media screen and (min-width:1280px) {
.mp{ width:1280px; margin:0 auto;}
.fv{ width:100%; min-width:1280px}
.mv{ width:1280px; margin:0 auto}

#titmenu{ width:100%;border-spacing:expression(this.cellSpacing=0); position:relative; z-index:100;font-size:14px;border-spacing:0;position: fixed;height:60px; background:#FFF;clear:both;-webkit-box-shadow:0px 0px 5px 2px #DDD;-moz-box-shadow:0px 0px 5px 2px #DDD;box-shadow:0px 0px 5px 2px #DDD; top:0 }
#titmenu td{ padding:0;height:60px;}
#titmenu #titmenu0{ width:40%;padding-left:30px;}
#titmenu #titmenu0 a{ color:#999; margin-right:20px;}
#titmenu #titmenu1{text-align:center;}
#titmenu #titmenu01{ display:none}
#titmenu #titmenu1 img{ width:200px;position:relative; top:0;}
#titmenu #titmenu2{width:40%;text-align:right; padding-top:8px}
#titmenu #titmenu20 label,a{ color:#999; margin-right:20px; cursor:pointer; font-weight:normal; top:0; padding:0}
#titmenu #titmenu21{display:none}

#topmail img{ width:20px; position:relative; top:5px}

#langv{ float:right;width:110px; text-align:left;}
.ul-list {display: flex; padding-top:7px}
.ul-list > li {flex: 1;position: relative; padding-left:15px}
.ul-list > li > a {height: 35px;display: flex;text-decoration: none;color: #999;}
.ul-list > li:hover .ol-list {display: block;}
.ul-list > li img{ width:20px; height:20px; position:relative; top:10px; right:10px}
.ol-list {display: none;position: absolute;top: 35px;left: 0;z-index: 999;background: #FFF;width: 100%; }
.ol-list > li > a {font-size: 14px;text-decoration: none;color: #999;height: 35px; line-height:35px;display: flex;padding-left:15px}
.ol-list > li > a:hover { background:#EEE}
}
@media screen and (max-width:1279px) { 
.fv{ width:100%;}
.mv{ width:98%; margin:0 1% 0 1%}
.mp{ width:96%; margin:0 auto;}

#titmenu{ width:100%;font-size:14px;border-spacing:0;border-spacing:expression(this.cellSpacing=0);position: fixed; 
z-index:100;background:#FFF;clear:both;-webkit-box-shadow:0px 0px 5px 2px #DDD;-moz-box-shadow:0px 0px 5px 2px #DDD;
box-shadow:0px 0px 5px 2px #DDD; top:0;}
#titmenu td{ padding:0;height:40px;}
#titmenu #titmenu0{ width:40%;padding-left:10px;}
#titmenu #titmenu01{ font-weight:bold}
#titmenu #titmenu1{text-align:center;}
#titmenu #titmenu1 img{position:relative; top:0;width:80px;}
#titmenu #titmenu2{width:40%;text-align:right; padding-top:3px}
#titmenu #titmenu2 #titmenu20{ position:relative; top:1px;right:25px}
#titmenu #titmenu2 #titmenu21{ color:#999;height:30px;}
#titmenu #titmenu2 #titmenu21 label{ margin-right:10px}
#titmenu #titmenu2 #titmenu211 img{width:20px; height:20px; position:relative;}
#topmail img{ width:20px; position:relative; top:5px; right:15px}
#topabout{ display:none}

#langv{ float:right;width:30px; text-align:center; position:relative; left:10px; top:4px;}
.ul-list {display: flex;}
.ul-list > li {flex:1;position: relative;height: 35px;display: flex;text-decoration: none;color: #999; line-height:35px}
.ul-list > li:hover .ol-list {display: block; border:1px solid #DDD; background:#EEE}
.ul-list > li:hover .ol-list li{background:#FFF}
.ul-list img{ width:18px; height:18px; position:relative;right:10px;}
.ol-list {display: none;position: absolute;top:35px;z-index: 999;background: #FFF;width:100%; left:-15px}
.ol-list > li{font-size: 14px;text-decoration: none;color: #999;height: 35px;display: flex;padding-left:15px; cursor:pointer}
.ul-list label{ display:none}
.ul-list .ol-list label{ display:none}

#guid{ position:fixed;width:150px;top:39px; height:auto;background:#FFF; z-index:999;font-size:12px; border-left:0.5px solid #DDD;
border-right:0.5px solid #DDD; border-bottom:0.5px solid #DDD;filter:alpha(opacity=100); padding-bottom:10px }
#guid0{ text-align:center; background:#F0F0F0; padding-top:10px;}
#guid00 img{ width:40px; height:40px; border-radius:100%}
#guid01{ line-height:40px}
#guid1{ padding:10px 5px 0 5px}
#guid1 li{ height:40px; line-height:40px; padding-left:30px; background-size:15px 15px; background-repeat:no-repeat; background-position:5px 12px}
}


#foot0{ height:60px; border-top:1px solid #EEE; background:#FFF;text-align:center; line-height:60px}
#foot0 a{ margin:0 15px 0 15px;white-space:nowrap}
#foot0 a .iconfont{font-size:30px; color:#999}
#foot1{ background:#f7f7f7;line-height:20px; color:#999; text-align:center; padding:15px 15px 20px 15px}
#foot1 a{ margin:0 15px 0 15px; color:#999;white-space:nowrap}


.tips{position:fixed;z-index:999;bottom:50%;padding:6px; width:100%}
.tips-wrap{padding:10px 20px;text-align:center;background-color:#333;font-size:14px; margin:0 auto; border-radius:5px; color:#FFF; line-height:60px}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('MyriadPro-Regular.eot');
  src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('MyriadPro-Regular.woff') format('woff'),
      url('MyriadPro-Regular.ttf') format('truetype'),
      url('MyriadPro-Regular.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'HelveticaNeueLTStd-XBlkCn';
  src: url('HelveticaNeueLTStd-XBlkCn.eot');
  src: url('HelveticaNeueLTStd-XBlkCn.eot?#iefix') format('embedded-opentype'),
      url('HelveticaNeueLTStd-XBlkCn.woff') format('woff'),
      url('HelveticaNeueLTStd-XBlkCn.ttf') format('truetype'),
      url('HelveticaNeueLTStd-XBlkCn.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('MyriadPro-Regular.eot');
  src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('MyriadPro-Regular.woff') format('woff'),
      url('MyriadPro-Regular.ttf') format('truetype'),
      url('MyriadPro-Regular.svg#iconfont') format('svg');
}