html, body { width: 100%; height: 100%; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
body {  -webkit-text-size-adjust: none !important;}
a, img { -webkit-touch-callout: none; outline: none; } /* 禁止长按链接与图片弹出菜单 */
h1, h2, h3, h4, h5, h6, p, br, form, input, button, textarea, select, fieldset, legend, blockquote, ul, ol, li, dl, dt, dd, pre, table, caption, tr, td, th, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video { display: block; }
body { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; min-width: 100%; font-size:.373333rem;}
body{ color:#333333;}
a:link,a:visited{ color:#333333; text-decoration:none}
a:hover{ color:#408D57;}
.clear{ clear:both}
.clearflx:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
a{ tap-highlight-color: rgba(0,0,0,0); focus-ring-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0,0,0,0); -moz-focus-ring-color: rgba(0, 0, 0, 0);}

*{ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; margin:0; padding:0; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
ul,li{ list-style:none;}
.no{ display:none}
img{ max-width:100%; vertical-align:middle}
form{ margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance: none; -webkit-appearance: none; -moz-appearance: none;  outline: none;}
textarea {  -webkit-appearance: none;}
.f_l{ float: left;}
.f_r{ float: right;}
.top_div{text-align: center; font-size: .32rem; line-height: .63rem; height: .63rem; background: #1d1d1d; font-weight: bold; color: #cccccc;}
.top_logo{ background: #fff; line-height:1.866666rem;}
.logo{width: 6.933333rem; padding-left:.266666rem;}
.media_a img{width: .46666rem;}
.media_a{text-align: right; padding-right: .2666rem;}
.top_r ul{position: fixed; z-index: 999; display: none; top: 0rem; padding-top: 26%; width: 100%; height: 100%; text-align: center; left: 0rem; right: 0rem; border: 0rem; background: #004e90;}
.top_r ul li{line-height: 1.06666rem; height: 1.06666rem; color: #FFFFFF;}
.top_r ul li a{color: #FFFFFF;}
.top_r ul li.on a{font-weight: bold;}
.box.on ul{display: block;}
.img_b{display: none;}
.box.on .media_a{position:relative; z-index: 9999;}
.box.on .media_a .img_a{display: none;}
.box.on .media_a .img_b{display: block;}
.row{padding: .333333rem;}
.div_tit{text-align: center; font-size: .3733333rem; font-weight: bold; padding-bottom: .24666666rem; border-bottom: .01333333rem solid #cccccc; position: relative;}
.div_tit:before{content: ' '; position: absolute; width: .133333333rem; height: .1333333333rem; background:#004e90; left: 50%; bottom: -.07rem; margin-left: -.07rem;}
.div_p{margin: .133333rem 0rem;}
.div_p p{ font-size: .2666666rem; line-height: .613333rem;}
.div_top_ul ul{margin-right: -.61333333rem;}
.div_top_ul ul li{float: left; width: 33.3333%;}
.div_top_ul ul li a{display: block; position: relative; margin-right: .61333333rem;}
.div_top_ul {overflow: hidden;}
.banner img{width: 100%;}

.div_top_ul ul li a span{position: absolute; height: .64rem; background: rgba(0,0,0,0.5); top: 50%; margin-top: -.32rem; left: 0rem; right: 0rem; text-align: center; font-size: .3733333rem; line-height: .64rem; font-weight: bold; color: #FFFFFF;}

.div_con{margin-top: .26666rem;}
.div_ul ul{margin-right:-.3733333rem;}
.div_ul ul li{float: left; margin-top: .13333rem; width: 50%;}
.div_ul ul li a{display: block; margin-right: .3733333rem;}
.div_img i{display:block; padding-top: 56.25%;}
.div_ul ul li a p{text-align: center; font-size: .26666rem; margin: .186666rem 0rem;}
.div_ul2 ul li {margin: .4266666rem 0rem; padding-bottom: .4266666rem ; border-bottom: .0133333rem dashed #ddd;}
.div_ul_l{width:2.4rem; margin-right: .26666rem;}
.div_ul_r{overflow: hidden;}
.div_ul_r h1{font-size: .32rem; margin-bottom: .13333rem;}
.div_ul_r p{font-size: .26666rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:.4266666rem;}
.div_ul2 .div_img i{padding-top: 77.7777%;}
.div_ul2 ul li span{line-height: .32rem; display: block; margin-top: .13333rem;}
.div_ul2 ul li span i{color: #999; font-size: .26666rem; font-style: normal;}
.div_ul2 ul li span b img{width: .56rem;}
.div_ul2 ul li span b{line-height: .32rem; display: block;}

.div_ul3 ul{margin-right: -.266666rem;}
.div_ul3 ul li{width: 50%; float: left;}
.div_ul3 ul li a{display: block; border:.013333rem solid #DDDDDD ; margin-top: .4rem; margin-right: .266666rem;}
.bottom{background: #1d1d1d;}
.bottom_top {padding: .32rem 0rem; border: 1px solid #CCCCCC;}
.bottom_top ul{text-align: center;}
.bottom_top ul li {display: inline-block;}
.bottom_top ul li a{font-size: .2666rem; font-weight: bold; color: #CCCCCC;}
.bottom_tit{text-align: center;font-size: .2666rem;color: #CCCCCC; line-height: .4533333rem; padding: .4rem 0rem;}
.fox_tit{background: #0787c3; padding: 0rem .266666rem; position: fixed; left: 0rem; right: 0rem; bottom: 0rem; height: 2.53333333rem;}
.warp{padding-bottom:2.53333333rem;}
.fox_tit ul li{width: 25%; text-align: center; float: left; padding-top: .50666rem;}
.fox_tit ul li img{width:.8666666rem;}
.fox_tit ul li span{display: block; height: .8666666rem; line-height: .8666666rem;}
.fox_tit ul li p{font-weight: bold; margin-top: .26666rem; font-size: .3733333rem; color: #FFFFFF;}
.banner_ul ul{margin-right: -.266666rem;}
.banner_ul ul li{float: left; width: 33.33%;margin: .13333rem 0rem;}
.banner_ul ul li a{display: block; height: 1.2rem; border-radius:.1rem; margin-right: .26666rem; text-align: center; background: #f9f9f9; padding: 0rem .13333rem;}
.banner_ul ul li.on a,.banner_ul ul li:hover a{background: #004E90; color: #FFFFFF; font-weight: bold;}
.banner_ul {padding: .26666rem 0rem;}
.banner_ul ul li a span{display: table; width: 100%; height: 100%;}
.banner_ul ul li a span em{display: table-cell; font-style: inherit; vertical-align: middle;}
.banner_ul ul li a span em p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.xl_img ul li img{width: 100%;}
.xl_top h1{color: #004E90; font-size: .6rem; margin-bottom: .26666rem;}
.xl_nr{padding: .2666rem;}
.xl_nr h1{font-size: .32rem; margin-bottom: .26666rem; color: #555;}
.xl_nr p{font-size: .26666rem; line-height:.4533333rem;}