@charset "utf-8";
*,*:before,*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,body {
  width: 100%;
  min-width: 1200px;
  background: #fff;
  color: #333;
  font-size: 14px;
}
html{overflow-x: hidden}
body,input,button,select {
  font-family: "Microsoft YaHei", sans-serif;
  background: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b0b0b0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b0b0b0;
}
select::-ms-expand {
  display: none;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="date"],input[type="text"],input[type="tel"],button { -webkit-appearance: none;appearance: none;font-family: 'Microsoft YaHei';outline: none;}
select { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
textarea { -webkit-appearance: none; appearance: none; outline: none;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, ol, p, pre, td, textarea, th, ul {
   
    font-weight: 500;
}
table {border-collapse: collapse; border-spacing: 0; }
fieldset,img {border: 0px; display: block;}
address,caption,cite,code,dfn,th,var,em,i {font-weight: normal;font-style: normal; }
ol,ul {list-style-image: none;list-style:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
a {text-decoration:none;color:#333;outline:none;}
a:active,a:hover{outline:0}
.clearfix::before,.clearfix::after{
  content: '';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}


.clearfix{*zoom:1}
textarea {  
  resize:none;
}  
/* my通用样式 */
.fl {float:left;}
.fr {float:right;}
.abs{position:absolute;}
.rel{position:relative;}
.wp{width:1200px; margin:0 auto;}
.wp2{width: 1200px;margin: 0 auto; overflow:hidden;}
.center2::after{content: "";display: block; height: 0;clear: both;visibility: hidden;}
.ove{ overflow:hidden;}
.mt5 { margin-top:5px;}
.mt15 { margin-top:15px; }
.ml0 { margin-left:0px;}
.ml10 { margin-left:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.pd25 { padding-top:25px;}
.mt35 { margin-top:35px;}
.mt50 { margin-top:50px;}
.mr0 { margin-right:0;}
.b0 { border:none;}
.bg0 { background:none;}
.cli { overflow:hidden;}
.tb-box { overflow: hidden;}
.dlay1 { animation-delay:0.1s;}
.dlay2 { animation-delay:0.2s;}
.dlay3 { animation-delay:0.3s;}
.dlay4 { animation-delay:0.4s;}
.dlay5 { animation-delay:0.5s;}
.dlay6 { animation-delay:0.6s;}
.dlay7 { animation-delay:0.7s;}
.dlay8 { animation-delay:0.8s;}
.dlay9 { animation-delay:0.9s;}
.dlay10 { animation-delay:1s;}
.dlay11 { animation-delay:1.1s;}
.dlay12 { animation-delay:1.2s;}
.dlay13 { animation-delay:1.3s;}
.dlay14 { animation-delay:1.4s;}
.dlay15 { animation-delay:1.5s}
.img-box { overflow: hidden;}
.img-box img { width: 100%; height: 100%; transition: all .3s;}
/******************************/

.hx-list { display: flex; justify-content: space-between; flex-wrap:nowrap;}
.hx-list2 { display: flex;  flex-wrap: wrap;}
.hx-list3 { display: flex; justify-content: space-between; flex-wrap:wrap;}
.sx-cen { display: flex; justify-content: center; flex-direction: column;}
.tbimg img { width: 100%; height: 100%; display: block;}
.tb-tlc { overflow: hidden;}
.tb-zan1 { height: 1054px; background: url(../images/zan-foot.jpg) top center no-repeat;}

.title{ position: relative; margin-top: 50px; color:#585858; text-align: center; line-height:26px; font-size: 16px; }
.title h1 { font-size:36px;  line-height:46px; color: #262626; position: relative;}
.wh-title { color: #fff;}
.wh-title h1 { color: #fff; }
.title h1:before,.title h1:after { display: none; content:""; position:absolute; bottom:12px; width:42px; height:1px;  background:#8f8f8f; }
.title h1:before{ right:-58px;}
.title h1:after { left:-58px; }
.bwt-title { color: #fff;}
.bwt-title h1 { color: #fff;}
.bwt-title h1:before,.bwt-title h1:after { background: #fff;}
@keyframes tit99{
	0%{ width:22px}
	50%{ width:40px;}
	100%{ width:22px;}
}
.line:after { content:""; position:absolute; bottom:-10px; width:0%; height:2px; width:0; background:#232e3a; transition:all .3s linear; -webkit-transition:all .3s linear;  }
.line-on:after { width:30%;}
.cool-l span{position:absolute;background:#2e66cb;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.cool-l .line1{left:-1px;top:-1px;width:0%;height:1px}
.cool-l .line2{right:-1px;top:-1px;width:1px;height:0%}
.cool-l .line3{right:-1px;bottom:-1px;width:0%;height:1px}
.cool-l .line4{left:-1px;bottom:-1px;width:1px;height:0%}
.cool-l:hover .line1,.cool-l:hover .line3{width: 270px;}
.cool-l:hover .line2,.cool-l:hover .line4{height:300px;}
/*********导航********************/
.hd-bg {background: #fff; position: relative; width:100%; height:100px; z-index:101;}
.head{height:100px; width:1200px; position:relative; display: flex; justify-content: space-between; margin: 0 auto;}
.logo { height:52px;  margin-top:24px;}
.kj-nav { width: 666px;  margin:5px 0px 0 0; font-size:18px; height:90px;line-height:90px; z-index:100; position:relative;display: flex; justify-content: space-between; }
.kj-nav .navlev { position: relative; padding: 0 10px; }

.mynav a{display: block;  }

.target{position: absolute; border-bottom: 4px solid transparent;  -webkit-transform: translate(-60px,0px); transform: translate(-60px,0px); z-index:96; height:0px !important; margin-top:91px;}
.target{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}


/********导航下啦******/


.kj-nav .navlev:hover .submenu li {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;

  
}
.kj-nav .navlev:hover .submenu li a {

  border-radius: 0;
}
.kj-nav .navlev:hover .submenu li:nth-child(1) {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.kj-nav .navlev:hover .submenu li:nth-child(2) {
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -ms-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}
.kj-nav .navlev:hover .submenu li:nth-child(3) {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -ms-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}
.kj-nav .navlev:hover .submenu li:nth-child(4) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  transition-delay: 150ms;
}
.kj-nav .navlev:hover .submenu li:nth-child(5) {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
.kj-nav .navlev:hover .submenu li:nth-child(6) {
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms;
}
.kj-nav .navlev:hover .submenu li:nth-child(7) {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}
.kj-nav .navlev:hover .submenu li:nth-child(8) {
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  -ms-transition-delay: 350ms;
  -o-transition-delay: 350ms;
  transition-delay: 350ms;
}
.kj-nav .navlev:hover .submenu li:nth-child(9) {
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.submenu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 95px;
  width: 100px;
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -ms-perspective: 400px;
  -o-perspective: 400px;
  perspective: 400px;
  height: 0;
}
.submenu li {
  text-align: center;
  line-height: 40px;
  width: 100px;
  opacity: 0;
  font-size: 15px;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.5s;
  -moz-transition: opacity 0.4s, -moz-transform 0.5s;
  -ms-transition: opacity 0.4s, -ms-transform 0.5s;
  -o-transition: opacity 0.4s, -o-transform 0.5s;
  transition: opacity 0.4s, transform 0.5s;
}
.submenu li a {
  display: block;
  width: 100%;
  background: rgba(22, 76, 185, 0.75);
  height: 100%;
  color: #fff;
  transition: background 0.2s linear;
}
.submenu li:hover a {
  background: rgba(22, 76, 185, 0.95);
}
/********导航下啦******/
/******尾部************/
.cnzz { position:absolute; left:0; bottom:0;}
/**foot**/
.foot-bg {background: #232323;overflow: hidden; padding-top: 70px;}
.foot { display: flex; justify-content: space-between; padding-bottom: 30px;}
.ft-left { width: 222px; font-size: 14px;color: #fff; line-height: 24px;}
.foot-tel { font-size: 30px; line-height: 36px; font-family: 'Times New Roman', Impact, serif; font-style: italic; font-weight: bold;}
.ft-left img {margin-top: 5px;}
.ft-left h1 { font-size: 16px; margin-bottom: 10px;}
.fenx2 { position: relative; font-size: 18px; height: 48px; margin-top: 20px;  margin-left: 0 !important;}
.fenx2 .iconfont { display: inline-block; text-align: center; font-size: 18px; width: 36px; height: 36px; line-height: 36px; color: #fff;border-radius: 100%; background: #f00; }
.fenx2 a { background: none !important;}
.fenx2 .iconqq { background: #088FCF }
.fenx2 .iconweixin { background: #7FD438 }
.fenx2 .iconxinlang {background: #164cb9 }
.foot-nav { width: 700px; display: flex;justify-content: space-between;}
.foot-nav li:nth-child(1){display: none;}
.foot-nav li { font-size: 14px; line-height: 28px; text-align: center;}
.foot-nav li a {display: block; color: #8e8e8e; line-height: 28px; transition: all 0.3s;}
.foot-nav li .foot-h1 {font-size: 16px; color: #ffffff;margin-bottom: 8px;}
.foot-nav li a:hover { color: #fff; text-decoration: underline;}
.erweima {width: 140px;color: #fff;text-align: center;}
.erweima img { width: 100%;}
.erweima h1 { font-size: 16px; margin-top: 10px;}
.foot-btn { width: 1200px; padding: 15px 0; margin: 0 auto; border-top: 1px solid #3c3c3c; color: #8e8e8e;
  font-size: 14px; text-align: center;line-height: 28px;}
.foot-btn a {color: #8e8e8e;}
.foot-btn a:hover { color: #fff;}
/**************************************************/


.fenye{width:100%; height:30px; line-height:30px; text-align:center; margin-top:30px ;margin-bottom: 30px;}
.fenye li{display:inline-block; width:auto; text-align:center; line-height:28px; height:30px; margin-left:7px; background-color:#fff;  font-size:14px;border: 1px solid #dcdcdc;}
.fenye li a,.fenye li span {padding-left:10px; padding-right:10px; display:block; font-size: 16px; color: #333;}
.fenye li:hover{background-color:#1ba2ef; color:#fff;}
.fenye li:hover a { color: #fff; }
.fenye .active{background-color:#1ba2ef; color:#fff !important;}	
.fenye .active span{color: #fff;}
/**********/
.info-t { line-height:60px;font-size:24px; margin-top: 40px; color:#393939; }
.info-sp { color:#a8a8a8; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; line-height:30px; font-size: 16px;}
.info-sp span { padding-left: 32px; color: #3390ff; display: inline-block; line-height: 26px; margin-right: 45px; }
.info-sp span i { color: #a8a8a8;}
.info-sp .date { background: url(../images/date.jpg) 0 no-repeat; }
.info-sp .scan { background: url(../images/scan.jpg) 0 no-repeat; }

.info-c { margin-top: 40px; font-size:16px; line-height:32px; color: #494949;  overflow:hidden;}
.info-c img { max-width:100%; height:auto !important;}
.info-c table{width: 100%;}
.info-c table td{border: 1px solid #000;}
.info-fenx{height: 60px;background: #ffffff;text-align: center;}
.info-fenx span{position: relative;top: 10px;}
.info-fenx a{ float: none !important;width: 24px !important;height: 24px !important; display: inline-block !important;padding-left: 0px !important; margin: 0 2px !important;position: relative;top: 16px;}

.one{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.two{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.three{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}