@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea{ margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 "Microsoft YaHei", sans-serif, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB" }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }
textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;}
input[type=text] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=submit] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=reset] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
p[style='color:red;font-weight:600'] { display:none!important; }
/*.info{text-align: justify; text-justify: inter-ideograph;}*/
html {
  scroll-behavior: smooth;
}
/*Body*/
body {  margin: 0 auto; width: 100%; background: #fff; color:#555; overflow-x: hidden; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #333; }
a:hover { color: #009fe8; }


.in2 { width: 1360px; margin: 0 auto;}
.header{ width: 100%; position: absolute; left: 0; top:0; z-index: 9; height: 78px;}
.header .in2{ height: 100%;}
.header .in2 .logo{ height: 100%; float: left;}
.header .in2 .logo a{ display: flex; align-items: center; height: 100%;}
.header .in2 .logo a img{ height:59px ;}
.header .in2 .dl{ float: right; height: 100%; display: flex; align-items: center;}
.header .in2 .dl a{  display: flex; align-items: center; padding: 0 15px; height: 25px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.6); border-radius: 20px; color: #fff; background: rgba(255,255,255,0.2); font-size: 13px;}
.header .in2 .dl i{ display: block; width: 1px; height: 20px; background: rgba(255,255,255,0.33); margin: 0 10px;}
.header .in2 .nav{ float: right; margin-right: 110px; height: 100%;}
.header .in2 .nav ul{ height: 100%; display: flex;}
.header .in2 .nav ul li{ height: 100%; display: flex; align-items: center; margin-right: 60px;}
.header .in2 .nav ul li a{ display: flex; align-items: center; font-size: 16px; color: #fff; height: 36px; position: relative;}
.header .in2 .nav ul li a:hover:after{ content: ""; display: blockb; width: 100%; height: 2px; background: #db0820; position: absolute; left: 0; bottom: 0;}
.header .in2 .nav ul li a.on:after{ content: ""; display: blockb; width: 100%; height: 2px; background: #db0820; position: absolute; left: 0; bottom: 0;}

.banner{ width: 100%;}
.banner .pic{ width: 100%;}
.banner .pic img{ width: 100%;}

.bx1{ width: 100%; margin-top: -108px; background: rgba(0,0,0,0.4); position: relative; z-index: 2;}
.bx1 .aitem{ float: left; color: #fff; width: 215px;}
.bx1 .aitem .p1{ font-size: 30px; color: #db0820; line-height: 1; padding-top: 25px;}
.bx1 .aitem .p2{ font-size: 16px; color: #fff; line-height: 1; padding-top: 10px; text-transform: uppercase;}
.bx1 .bitem{ float: left; color: #fff; height: 100%; display: flex;}
.bx1 .bitem .item{ float: left; color: #fff; height: 100%; display: flex; width: 165px;  height: 108px;}
.bx1 .bitem .item a{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding-top: 20px;}
.bx1 .bitem .item a .ico{ text-align: center;}
.bx1 .bitem .item a .ico img{ height: 34px;}
.bx1 .bitem .item a .title{ font-size: 16px; text-align: center; color: #fff; line-height: 1; padding-top: 12px;}
.bx1 .bitem .item:hover{ background: #a6172b;}

.bx2{ display: flex;}
.bx2 .aitem{ width: calc(380px + 50% - 680px); box-sizing: border-box; padding-left: calc( 50% - 680px); background: url(../../img/bx07.jpg) center center no-repeat; background-size: cover; height: 510px; padding-right: 26px;}
.bx2 .aitem .title{ display: flex; align-items: flex-end; line-height: 1; border-bottom: 1px solid #bcbcbc; padding: 20px 0 12px; font-size: 26px; color: #333333;}
.bx2 .aitem .title i{ font-size: 44px; color: #c8965a; font-weight: bold; line-height: 0.8; margin-left: 5px;}
.bx2 .aitem .pic{ width: 100%; overflow: hidden; margin-top: 8px;}
.bx2 .aitem .pic img{ width: 100%; transition: all 0.3s; transform: scale(1);}
.bx2 .aitem .pic:hover img{ transform: scale(1.1);}
.bx2 .aitem .intro{ margin-top: 20px; font-size: 16px; color: #333333; line-height: 2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.bx2 .aitem .more{ margin-top: 40px;}
.bx2 .aitem .more a{ display: flex; align-items: center; justify-content: center; width: fit-content; height: 30px; color: #fff; font-size: 14px; color: #fff; border-radius: 20px; padding: 0 15px; background: #db0820;}

.bx2 .bitem{ width: 970px; float: left; box-sizing: border-box; height: 510px; padding:40px 45px; background: #fbfbfb; margin-left: 15px; }
.bx2 .bitem .ahd{ display: flex; align-items: center; height: 35px; }
.bx2 .bitem .ahd .title{ font-size: 22px; color: #db0820; font-weight: bold; margin-left: 5px; }
.bx2 .bitem .abd{ margin-top: 15px; }
.bx2 .bitem .abd .item .title{ float: left; line-height: 42px; max-width: 700px; box-sizing: border-box; background: url(../../img/bx10.png) left center no-repeat; padding-left: 18px; font-size: 16px; color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
 }
.bx2 .bitem .abd .item:hover .title{ background: url(../../img/bx10.png) left center no-repeat; color: #db0820; }
.bx2 .bitem .abd .item .bq{ display: block; float: left; width: 38px; height: 20px; border-radius: 5px; background: #db0820; border-radius: 3px; color: #fff; text-align: center; line-height: 20px; margin: 11px 0 0 10px; }
.bx2 .bitem .abd .item .time{ float: right; font-size: 16px; color: #666666; line-height: 42px; }

.bx3{ margin-top: 10px; margin-bottom: 30px;}
.bx3 .in2{ display: flex; justify-content: space-between;}

.bx3 .aitem{ width: 380px; box-sizing: border-box; padding:40px 25px 30px; background: #fbfbfb; }
.bx3 .aitem .ahd{ display: flex; align-items: center; height: 35px; }
.bx3 .aitem .ahd .title{ font-size: 22px; color: #db0820; font-weight: bold; margin-left: 5px; }
.bx3 .aitem .abd{ margin-top: 15px; }
.bx3 .aitem .abd .item .title{ line-height: 42px; max-width: 100%; box-sizing: border-box; background: url(../../img/bx10.png) left center no-repeat; padding-left: 18px; font-size: 16px; color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
 }
.bx3 .aitem .abd .item:hover .title{ background: url(../../img/bx10.png) left center no-repeat; color: #db0820; }


.bx3 .bitem{ width: 970px; box-sizing: border-box; padding:40px 45px 30px; background: #fbfbfb; margin-left: 15px; }
.bx3 .bitem .ahd{ display: flex; align-items: center; height: 35px; position: relative; }
.bx3 .bitem .ahd .title{ font-size: 22px; color: #db0820; font-weight: bold; margin-left: 5px; }
.bx3 .bitem .abd{ margin-top: 15px; }
.bx3 .bitem .abd .item .title{ float: left; line-height: 42px; max-width: 700px; box-sizing: border-box; background: url(../../img/bx10.png) left center no-repeat; padding-left: 18px; font-size: 16px; color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
 }
.bx3 .bitem .abd .item:hover .title{ background: url(../../img/bx10.png) left center no-repeat; color: #db0820; }
.bx3 .bitem .abd .item .bq{ display: block; float: left; width: 38px; height: 20px; border-radius: 5px; background: #db0820; border-radius: 3px; color: #fff; text-align: center; line-height: 20px; margin: 11px 0 0 10px; }
.bx3 .bitem .abd .item .time{ float: right; font-size: 16px; color: #666666; line-height: 42px; }

.bx3 .bitem .ahd .hd{ position: absolute; left:180px; top: 0; border-bottom: 2px solid #dedfe2;}
.bx3 .bitem .ahd .hd ul li{ float: left;  padding: 0 27px 10px; font-size: 20px; color: #333333; position: relative; cursor: pointer; }
.bx3 .bitem .ahd .hd ul li:last-child{ background: none;  }
.bx3 .bitem .ahd .hd ul li.on:after{ position: absolute; content: ""; display: block; width:100%; height: 2px; background: #db0820; left: 0; bottom: -2px; }

.footer{ border-top: 1px solid #dddddd; padding: 30px 0;}
.footer .f01{ display: flex; align-items: flex-start; justify-content: space-between; font-size: 16px; color: #333333;}
.footer .f01 a{  color: #333333;}
.footer .f02{ font-size: 16px; color: #333333; margin-top: 10px;}
.footer .f02 a{ font-size: 25px; color: #c8965a; font-weight: bold;}