@charset "UTF-8";
body{background:#eeeeee;}
.top { line-height: 40px; height: 40px; text-align: right; overflow: hidden; }
.topSerBox { float: right; width: 340px; position: relative; }
.topSerBox strong { font-size: 14px; float: left; }
.topSerIx { margin: 0px 86px 0px 66px; }
.topSerIx .topInt { font-size: 15px; line-height: 22px; background: #FFF; height: 24px; width: 100%; border: 1px solid #B5B5B5; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2); border-radius: 0.4em; padding: 0px 10px; font-family: "微软雅黑"; }
.topSubmit { background: url(../images/serBtn.png) no-repeat center center; display: inline-block; height: 24px; width: 59px; border-width: 0px; border-style: none; position: absolute; top: 7px; right: 16px; cursor: pointer; }
.topLinks { float: right; margin-right: 25px; }
.top_a { margin: 0px 18px; }
.header{ height: 114px; border-top: 7px solid #CA0000; background: url(../images/topBg.png) repeat-x left bottom; }
.logo { float: left; margin-top: 10px; margin-left: 28px; }
.nav { float: right; }
.nav_a { line-height: 106px; font-size: 16px; margin: 0px 15px 0px 0px; }
.nav_a.on, .nav_a:hover { color: #ca0000; }
.banner { height: 323px; position: relative; }
.banner .bg{height:100%; position:absolute; left:0; top:0; width:100%;}
.bannerImg { position: absolute; left: 150px; top: 13px; }
.footer { font-size: 16px; line-height: 30px; text-align: center; background: #D6DFEA; padding: 15px 0px; }
.main { background: #FFF; padding: 21px 21px 21px; }
.hmul { display: block; margin: 20px 0px 34px; }
.hmul li { float: left; width: 33.333%; margin-left: -1px; border: 1px solid #D2D2D2; height: 290px; padding: 12px 20px 0px; }
.hmul li strong { line-height: 44px; height: 44px; overflow: hidden; font-weight: normal; display: block; letter-spacing: 2px; }
.hmul li strong .fl { background: url(../images/tsbg.png) no-repeat left center; padding-left: 21px; font-size: 20px; color: #205fa1; font-weight: bold; }
.hmtmore { font: 16px/44px "楷体"; color: #000; }
.hmul li dl { line-height: 30px; height: 30px; }
.hmul li dl dd { line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; letter-spacing: 1px; }
.hmul2{ margin: 0px; }
.hmCon1 { border: 1px solid #D2D2D2; height: 290px; margin-bottom: 20px; }
.hmc1Fm { padding: 12px 20px 0px; float: left; height: 288px; width: 388px; border-right: 1px solid #D2D2D2; }
.hmc1ul { margin: 12px 20px 0px 410px; }
.hmc1ul strong { line-height: 44px; height: 44px; overflow: hidden; font-weight: normal; display: block; letter-spacing: 2px; }
.hmc1ul strong .fl { background: url(../images/tsbg.png) no-repeat left center; padding-left: 21px; font-size: 20px; color: #205fa1; font-weight: bold; }
.hmc1ul li { line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; letter-spacing: 1px; padding-right: 112px; position: relative; }
.hmc1ul li span { position: absolute; top: 0px; right: 0px; }
.banItems { position: absolute; left: 415px; top: 35px; right: 0px; z-index:5 }
.banSel { float: left; margin-right: 5px; position: relative; height: 112px; width: 248px; }
.banSel:hover{z-index:5;}
.banItems .banSel:last-child{margin-right:0;}
.banSel_btn1 { display: inline-block; height: 112px; width: 248px; background: url(../images/list_bt_1.png) no-repeat center center; background-size:cover; }
.banSel_btn1:hover,.on .banSel_btn1{ background: url(../images/list_bt_1_sub.png) no-repeat center center; background-size:cover; }
.banOption{ position: absolute; left: 0; top: 90px; width: 225px; opacity: 0; transition: all 0.5s ease-in-out; padding:; padding: 10px; background: url(../images/list_sub_menu_bg.png) repeat-x left top; background-size:cover; visibility:hidden; transition:all 0.3s ease-out; }
.on .banOption{opacity:1; visibility:visible; min-height:144px;}
.banOption li{ border-bottom:1px solid #485366; text-align:center}
.banOpa{ color: #ccc; font-size: 13px; line-height: 30px; display: block; }
.banOpa:hover{ color: #fff; text-decoration: underline; }
.banSel_btn2 { display: inline-block; height: 112px; width: 248px; background: url(../images/list_bt_2.png) no-repeat center center; background-size:cover; }
.banSel_btn2:hover,.on .banSel_btn2{ background: url(../images/list_bt_2_sub.png) no-repeat center center; background-size:cover; }
.banSel_btn3 { display: inline-block; height: 112px; width: 248px; background: url(../images/list_bt_3.png) no-repeat center center; background-size:cover; }
.banSel_btn3:hover,.on .banSel_btn3{ background: url(../images/list_bt_3_sub.png) no-repeat center center; background-size:cover; }
.banerBwrp { background: url(../images/banImg.png) no-repeat center center; height: 127px; width: 693px; position: absolute; right: 66px; bottom: 35px; border: 3px solid #FFF; border-radius: 0.4em; }
.banEnter { background: url(../images/heyan_bt.png) no-repeat center center; display: inline-block; height: 59px; width: 154px; position: absolute; margin-top: -28px; top: 50%; right: 25px; }
.banEnter:hover{ background: url(../images/heyan_bt_sub.png) no-repeat center center; }
.hmc1Cbtn { height: 35px; text-align: center; }
.hmc1Cbtn_a { font-size: 16px; line-height: 34px; letter-spacing: 2px; background: url(../images/fm_bg1.png) repeat-x left center; margin: 0px 5px; padding: 0px 11px; height: 35px; border-top: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; display: inline-block; border-radius:0.3em 0.3em 0 0; opacity:0.7; }
.hmc1Cbtn_a.on{ opacity:1;}
.hmc1Cbtn_a span { background: url(../images/serIcon.png) no-repeat left center; display: block; padding-left: 26px; font-size: 16px; font-weight: bold; color: #333; }
.hmc1FmBox { background: #FCFCFC url(../images/hmc1Bg2.png) repeat-x left bottom; border: 1px solid #D2D2D2; height: 228px; text-align: center; padding-right: 16px; }
.hmc1FmBox1{ padding-top: 36px; }
.hmfmul.clearfix li { line-height: 28px; height: 28px; margin-bottom: 20px; text-align: left; }
.hmfmu2.clearfix li{ margin-bottom:8px;}
.hmFmInx { margin-left: 100px; position:relative; }
.hmFm_snm { font-size: 16px; letter-spacing: 2px; float: left; text-align: right; width: 100px; padding-right: 10px; }
.hmFm_int { font-size: 16px; line-height: 26px; color: #666; padding: 0px 12px; height: 28px; width: 100%; border: 1px solid #D2D2D2!important; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6); font-family: "微软雅黑"; }
.hmfmul.clearfix .hmFCbox { height: 50px; position: relative; }
.hmFmInx2 { width: 64px; }
.hmCd_img { display: inline-block; position: absolute; left: 169px; top: 0px; font-size:0 }
.hmCd_img img{height:28px; width:75px;}
.hmFmSubmit { background: url(../images/hmc1Btn.png) no-repeat center center; display: inline-block; height: 49px; width: 80px; border-width: 0px; border-style: none; position: absolute; top: 0px; right: 0px; cursor: pointer; }
.hmcd_acd { font-size: 12px; color: #666; text-decoration: underline; line-height: 16px; display: inline-block; position: absolute; left: 100px; bottom: 0px; }
.hmcd_acd:hover{ text-decoration: underline; }
.hmc1FmBox2{ padding-top:16px;}
.hmFm_sel{ width: 100%; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6); line-height: 26px; padding-left: 12px; font-family: "微软雅黑"; }
.hmRadLi label{margin-right:20px;}
.hmRadLi label input{margin-right:5px;}
.backPcview{font-size:14px; line-height:32px; padding:10px 0; display:inline-block;}

.jz_search li{width:30%;float:left;}


/*新加公告开始*/

.gg_news{
background:#fff;
overflow: hidden;
z-index: 9999;
position:fixed;
padding:10px;
text-align:center;
border:2px solid #ddd;
width:20%;
padding:10px;
right:10px;
bottom: 10px;font-size:16px;}
.gg_news .gg_tit{color:#ca0000; font-size:18px;padding:10px 0;border-bottom:1px solid #ddd; margin-bottom:5px;}
.gg_news .gg_text{padding: 10px;text-align:left;line-height:25px;}
.gg_news .gg_lk{text-align: right;color:#999;padding: 10px;}

.gg_news .close{
	background:#ca0000;
	color:#fff;
	font-size:22px;
	display:block;
	height:30px;
	line-height:30px;
	width:30px;
	border-radius:25px; 
	position:absolute;
	top:-6px;
	right:-6px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.gg_news .close:hover{background:#000;}

/*新加公告结束*/


.keyli{display:none;}
.keyli{
    position: absolute;z-index:2;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc!important;
    _overflow: hidden;
    box-shadow: 1px 1px 3px #ededed;
    -webkit-box-shadow: 1px 1px 3px #ededed;
    -moz-box-shadow: 1px 1px 3px #ededed;
    -o-box-shadow: 1px 1px 3px #ededed;
}
.keyli ul{list-style: none;padding:0;margin:0;}
.keyli li {padding:0;margin:0;
    color: #7A77C8;
    font: 14px arial;
    line-height: 25px;
    padding: 0 8px;
    position: relative;
    cursor: default;
}
.keyli li.hover,.keyli li:hover{background:#f0f0f0;}
.keyli-store span, .keyli-store b {
    
}


.links{
    border: 1px solid #D2D2D2;  background-color:#fff;
    padding: 12px 20px 12px;margin-top:30px;
}
.links strong {
    float: left;
    color: #ccc;
    font-weight: normal;
    display: block;line-height: 25px;font-family:"SimSun";
    width:12%;
}
.links strong span.b {
    font-weight: bold;
    color: #000;
}
.links strong span.sp{margin-left:13px;}
.links p.gn {
    float: left;
    width:86%;margin-left:-1%;
    padding-left:0%;
    padding-right: 2%;
}
.links p {
    line-height: 25px;
}

.links a:link, .links a:visited, .links a:hover {
    color: #000;
}
.links p a {
    margin-right: 10px;
}

.endre{ background-color:#fff; padding-left:2px;padding-right:2px;margin-top:30px;overflow: hidden;height:59px; position:relative;text-align:center;margin-left:auto;margin-right:auto; box-sizing:border-box;
}
.endre .reli{display:inline-block;width:100px;text-align:center;border: 1px solid #D2D2D2;padding:5px;margin-right:10px;color:#666;}

.scroll{
    white-space: nowrap;
    overflow: hidden;
  }
  .scroll .dong{    
	 display:inline-block;/*inline样式不能使用动画  position:absolute;left:0;top:0;animation: scroll 12s linear infinite; */
	 
	 /* animation: scroll 12s linear infinite; */
	 animation-duration: 12s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: scroll;
  }
  .scroll .dong p{display:inline-block;}
  .scroll .dong2{    
	background-color:#000000;animation: scroll2 48s linear infinite;
  }
.scroll .hover{
    animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari 和 Chrome */
  } 
  .scroll p:after{
    /*content: attr(data-text); */
	content:"";
    margin-left:0px;
  }
  @keyframes scroll {
    from {
      transform: translateX(0%);
    }
    to {
      /*  transform: translateX(calc(-50% -2em));  */  /*总长的一半再加上margin-left的一半*/
	  
	  transform: translateX(-50%);
    }
  }
  @keyframes scroll2 {
    from {
      transform: translateX(100%);
    }
    to {
      /*  transform: translateX(calc(-50% -2em));  */  /*总长的一半再加上margin-left的一半*/
	  
	  transform: translateX(-300%);
    }
  }

@media (max-width:993px){
.banner{height:550px;}
.banerBwrp{width:586px;}
.hmCon1{width:100%; height:auto}
.hmc1Fm{width:100%; float:none; height:288px;}
.hmc1ul{margin-left:0; height:288px; padding-left:20px;}
.hmul li{width:100%; margin-top:-1px;}
.hmul{margin-bottom:0;}
/*新加公告开始*/.gg_news{width:70%;}  /*新加公告结束*/ 

.links strong {
   padding-left:2%;
    padding-right: 2%;width:96%;margin-bottom:10px;
}
.links p.gn {
    width:96%;
}
.links strong span.sp{display:none;}
}
@media (max-width:767px){
.top{height:auto}
.topSerBox{width:100%; float:none;}
.topLinks{width:100%; float:none;}
.top_a{ margin: 0px 8px; font-size:14px;}
.bannerImg{position:relative; z-index:5; display:block; margin:0 auto; left:auto;}
.banner{height:auto; padding-top:25px; padding-bottom:60px; padding-left:10px; padding-right:10px;}
.banItems{position:static; width:250px; margin:0 auto; margin-top:20px; transform:translateX(10px);}
.banerBwrp{width:100%; position:relative; left:auto; right:auto; bottom:auto; height:80px; background-size:cover; background-position:right center; margin-top:25px;}
.banItems{ overflow:hidden;}
.banSel{height:auto}
.banOption{position:static; opacity:1; visibility:visible; margin-top:-26px; min-height:10px;}
.on .banOption{opacity:1; visibility:visible; min-height:10px;}
.banEnter{transform:scale(0.7); transform-origin:right center; right:10px;}
.banSel_btn1,.on .banSel_btn1{ background: url(../images/list_bt_1_sub.png) no-repeat center center; background-size:cover; }
.banSel_btn2,.on .banSel_btn2{ background: url(../images/list_bt_2_sub.png) no-repeat center center; background-size:cover; }
.banSel_btn3,.on .banSel_btn3{ background: url(../images/list_bt_3_sub.png) no-repeat center center; background-size:cover; }
.hmc1Cbtn_a span{ font-size: 14px; letter-spacing: 0em; }
.container{padding-left:0; padding-right:0;}
.top{padding-left:15px;}
.topLinks{padding-right:10px;}
.hmc1Fm{padding-left:8px; padding-right:8px;}
.hmc1ul li span{display:none;}
.hmc1ul li{ padding-right: 0; letter-spacing: 0em;}
.hmFm_snm{ font-size: 13px; letter-spacing: 0em; width:75px; }
.hmFmInx{margin-left:77px;}
.hmRadLi label{font-size:13px;}
.hmCd_img{left:142px;}
.hmFm_int{font-size:13px;}
.hmFm_sel{font-size:12px;}
.hmc1ul strong .fl{font-size:16px; padding-left:14px;}
.hmul li strong .fl{font-size:16px; padding-left:14px;}
.footer{font-size:13px; line-height:26px; padding:20px 15px;}
.main{padding-left:12px; padding-right:12px;}
.hmc1ul{margin-right:10px; padding-left:10px;}
}
/*2019-10-14 CSS*/
@media (max-width:767px){
.bannerImg{display:none;}
.banOption{display:none;}
.mbileLogo{overflow:hidden; text-align:center; margin-bottom:20px;border-top: 7px solid #CA0000; padding-top: 10px;}
.mbileLogo .logo{float:none; margin-left:0; display:inline-block; position:relative;}
.mbileLogo .logo .logo1{ position:absolute;top:2px;left:2px;}.mbileLogo .logo .logo1 img{height:52px;}
.mbileLogo img{height:55px; width:auto;}
 .banner2{display:none;} 
 /*新加公告开始*/.gg_news{width:70%;}  /*新加公告结束*/ 
}
@media (max-width:320px){
.hmc1Cbtn_a { font-size: 14px; line-height: 34px; letter-spacing: 1px; background: url(../images/fm_bg1.png) repeat-x left center; margin: 0px 3px; padding: 0px 6px; height: 35px; border-top: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; display: inline-block; border-radius:0.3em 0.3em 0 0; opacity:0.7; }
.hmFmSubmit {top:35px;right:-10px}
}
