@charset "utf-8";
/* CSS Document */
html{background:#fff;/* 10梅16=62.5% */overflow-x:hidden;}
body{ /* 12梅10=1.2 *//*font-size:64.5%;*//*font-family:"\5fae\8f6f\96c5\9ed1", simsun;*/background-color:#fff;color: #444;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;font-size: 1em;overflow: hidden;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #323232; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color:#5482b5; text-decoration: none;
   transition: all .5s ease;
 -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
strong{font-weight: 900;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle;}
.pa{position:absolute;}
.pr{position:relative;}

.pcshow { display:block;}
.wpshow { display:none;}

.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}


.pure-table a:hover{   text-decoration: underline; color:#cd3e4c;  }

table {  border-collapse:collapse; }
td  {padding:0;  border:1px solid #ddd; }

.article table { width:100% !important;}
.article td {  padding: 8px; line-height:2; vertical-align: center; border-top: 1px solid #ddd;   }

.table-striped>tbody>tr:nth-of-type(odd)  {  background-color: #f9f9f9;  }




/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover a{-webkit-transform:translateX(6px); -moz-transform: translateX(6px); -ms-transform:translateX(6px); transform:translateX(6px);}



*{
  word-wrap: break-word;}

.topicInfo li{transtion:all 1s ease 0s;}
/*澶撮儴鏍峰紡*/
.wrap_header{ width:100%;height:180px;z-index:999;}
.header{ width: 100%; margin:0 auto;position:relative;    background: url(../images/top.jpg) no-repeat center 0;}
.logo_nav{width: 1200px;margin: 0 auto;overflow: hidden;}
.logo{float: left;height: 120px;width: 54%;}
.logo .logo_01{/*display: block;*/z-index:9999;position: relative;}
.logo .logo_01 img{padding-top: 22px;}
.logo .logo_01:hover img{opacity: 0.8;}
.logo .logo_name { font-size:36px; font-weight:bold; padding-left:16px; line-height:110px;vertical-align: top;}
.logo a:hover.logo_name  { color:#c00d1e;}

.top_nav_box{width: 327px;float: right; overflow: hidden;padding-top: 42px;margin-right: 0px;}



.search_box{width:327px; float: right; overflow: hidden; height: 45px; position: relative;font-size: 16px;}

.search1{width:99%;height: 36px;position:relative;overflow: hidden;z-index:9999;border:2px solid #ccc;border-radius:10px;}
.search1 input{/* position:absolute; */width: 100%;height: 38px;line-height: 38px;color: #fffdfd;border:none;/* right:30px; *//* top:0px; */padding-left:0px; outline:none;}
.search1 input.notxt{color: #666;padding-left: 18px;width: 82%;font-family: "Microsoft yahei";font-size: 14px;}   
.search1 input.notxt1 {position: absolute;width: 40px;height: 39px;top: 0px;right: 0px;border: none; background:#01366c url(../images/search.png) no-repeat center center; cursor:pointer;overflow: hidden; z-index:9999;}
.top_nav_li a{color:#4e77a9;font-size: 12px; margin-left: 10px;padding-left: 10px;border-left: 1px solid #4e77a9;}
.top_nav_li span{padding: 0 10px;}
.top_nav_li a.cn{padding-left: 20px;background: url(../images/home.png) no-repeat 0 center;border-left: none;margin-left: 0;}

.top_nav_li {float: right;   text-align: right;
    color: #4e77a9;
    line-height: 17px;
    margin-bottom: 17px;}
/*瀵艰埅*/
.wraq_nav{width:100%;height:60px;    background: url(../images/nav.jpg) repeat-x;}
.nav{margin:0 auto;width: 1200px;text-align:center;}
.nav ul {height:60px;}
.nav ul li{float:left;width:10% ;position: relative;}
.nav ul li:last-child a{border-right: none;}
.nav ul li a{    display: block;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    color: #fff;font-family: 宋体;
    position: relative;}
.nav ul li a:after{
      content: "";
    position: absolute;
    left: 0;
    height: 40px;
    width: 1px;
    background: #011a3b;
    top: 50%;
    margin-top: -20px;}
.nav ul li:hover,.nav ul li.on a,.nav ul li.active a{background: #40b5e6;}

.nav ul li.active a:after,.nav ul li a:hover:after{display:none;}


/*footer*/
.footer_wrap{background: #06327d;
    position: relative;
    color: #fefefe;
    padding: 40px 0;}
.footer{max-width: 1200px;overflow: hidden;margin:0 auto;position: relative;}

.footer_lf{float: left;width: 53.33%;overflow: hidden;}
.footer_rt{float: right;text-align: right;width: 44.5%;overflow: hidden;margin-top: 20px;}
.footer_rt p{color:#fff;font-size: 14px;line-height: 22px;}
.footer_lf .footer_title{float: left;color:#fff;padding-bottom: 10px;border-bottom: 1px solid #ddd;font-weight: normal;width: 68px;margin-top: 11px;font-size: 17px;}
.footer_lf .contact{float: left;margin-left: 75px;}
.footer_lf .contact li{line-height:40px; font-size:14px; position:relative; padding-left:30px;color:#fff;}
.footer_lf .contact li span{color:#fff;}
.footer_lf .contact li em {width:20px; height:20px; position:absolute; left:0; top:50%; margin-top:-10px;}
.footer_lf .contact li .ioc1{background:url(../images/ioc1.png) no-repeat center center;}
.footer_lf .contact li .ioc2{background:url(../images/ioc2.png) no-repeat center center;}
.footer_lf .contact li .ioc3{background:url(../images/ioc3.png) no-repeat center center;}

.goTop{position: relative;width: 1200px;margin: 0 auto;}
#roll_top{position:absolute; width:35px; height:35px; background:url(../images/top.png) no-repeat; right:0; top:-59px;}

/*手机端导航*/
.mobile{width: 100%;position:relative;height:40px;display: none;/*top:0px;right: 0;*/z-index: 99991;background: #104883;}
.mobile_title{width: 100%;float:left;color:#fff;position: absolute;left:0;top: 0;width: 50%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;font-weight:normal;}
.mobile_title a{float:left;margin-left: 10px;color:#fff;line-height: 31px;height: 31px;}
.mobile-inner-header{
    width:100%;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;}
    .mobile-inner-header-icon{
  color: #ffffff; height: 40px;font-size:25px;text-align: center;
  float:right;width: 40px;position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;}
.mobile-inner-header-icon:hover{
  opacity:0.8;
  cursor: pointer;}
.mobile-inner-header-icon span{
  position: absolute; left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 3);  width: 25px;  height: 2px;  background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}    
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}

/*.mobileLink{height: 39px;line-height: 39px;}
.mobileLink dd{height: 39px;line-height: 39px;float:left;width: 25%;text-align: center;font-size: 16px;font-size: 1.6rem;}
.mobileLink dd a{color:#fff;} */
.mobile-inner-header-icon{
    color: #bd171c;
    height: 31px;
    text-align: left;
    float:right;
    width: 30px;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    font-weight: bold;
    text-align: right;
    margin-top:5px;} 
     
.mobile-inner-header-icon-out span{width: 22px;height: 2px;background-color:#fff;display: block;}
.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;}       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;}
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outthird;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}      
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);}

  100% {
    transform: translateY(0) rotate(45deg);}
}   

@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);}

  100% {
    transform: translateY(0) rotate(-45deg);}
} 

@keyframes clickthird {
    0% {
     opacity: 0
  ;}

  100% {
   opacity: 0
  ;}
}   
.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;}       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;}
.mobile-inner-header-icon-out span:nth-child(3){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outthird;}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);}

  100% {
    transform: translateY(-4px) rotate(0deg);}
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);}

  100% {
    transform: translateY(4px) rotate(0deg);}
}
@keyframes outthird {
  0% {
    transform: translateY(0) rotate(90deg);}

  100% {
    transform: translateY(12px) rotate(0deg);}
}

.mobile-inner-nav{  background-color:#e8f2fd;width: 100%; position: absolute;top:40px;   left: 0px;padding-top: 10px;padding-bottom: 25px;display: none;}
.mobile-inner-nav a{display: inline-block;line-height: 38px;
    text-decoration: none;  width: 100%;font-size: 14px; 
     border-bottom: solid 1px #d3d3d3;
    -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s;}
.mobile-inner-nav a:hover{color:#21365e;}
.mobile-inner-nav li{position: relative;padding: 0 11px;}
.mobile-inner-nav li a{text-indent: 15px;}
.mobile-inner-nav li a i{font-size: 12px;font-style: normal;margin-left: 10px;color:#999;}
.mobile-inner-nav li strong{color:#aaa;position: absolute;right:20px;top:0;font-size: 25px;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s;}
.mobile-inner-nav a{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;}
      
  @-webkit-keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);}

    100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;}
  }

  @keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);}

    100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;}
  }
.mobile_subNav{display: none;padding-left:10px;}
.mobile-inner-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgba(0,0,0,0.2);font-size: 12px;}
.mobile_search{clear: both;position: relative;height: 36px;margin:10px 30px 0;border:1px solid #d3d3d3;border-radius: 30px;overflow: hidden;}
.mobile_search input.notxt{width: 85%;color:#333;margin-left:55px;border:none;height: 34px;background:none;}
.mobile_search input.notxt1{width: 55px;background-color:#fff;right:auto;height: 35px;left:0;background:url(../images/ser1.png) no-repeat center center;border:none;}
.mobile-links{width: auto;margin: 0 26px 10px;overflow: hidden;border-bottom:solid 1px #d3d3d3;padding:6px 0;}
.mobile-links span{float:left;padding: 0 15px 0 0;}
.mobile-links span a{border:none;line-height: 25px;padding:4px 0;}


@media screen  and (max-width:1200px){
  .goTop,.logo_nav,.nav,.footer,.copyRight p{width: 90%;}
  .nav ul li a{font-size: 16px;}
  .footer_wrap{padding:20px 0;}
  .footer_rt{margin-top: 24px;}
}



@media screen  and (max-width:1024px){

  .top_nav_box{display: none;}
  .topWrap{display:none;}
   .snav{display:block;}
   .mbtn{display:block;}
   .wrap_header{height: 142px;}
 
  .nav{display:none;}
  .wraq_nav{display: none;}
  .top_nav{display: none;}
  .search_box{display: none;}
  .logo .logo_01 img{padding-top: 15px;}
  .logo{width: 100%;height:  102px;line-height:  102px;border-left:  none;float: none;text-align: center;}
  .mobile{display: block;}
  .footer_lf .footer_title{float: none;margin-top: 0;}
  .footer_lf .contact{float: none;margin-left: 0;}

}

@media screen and (max-width:800px) {
  .footer_lf .contact li{line-height: 27px;}
   .footer_lf{float: none;width: 100%;margin: 0 auto 10px;}
  
  .footer_rt{float: none;width: 100%;text-align: center;}
  .footer_lf .footer_title{text-align: center;width: 100%;margin-bottom: 10px;}
}

@media screen and (max-width:480px) {
  .logo_nav{margin-bottom: 0;}
  .logo{height: 82px;width:100%;margin: 0 auto;}
  .wrap_header {height: 122px;}
  .footer .footer_rt p{font-size: 12px;line-height: 20px;}
  .logo .logo_01{line-height: 0;}
  .logo .logo_01 img {    padding-top: 15px; height:52px;}
  .slidesStill p{display: none;}
  .logo .logo_name { font-size: 28px; padding-left: 16px; line-height:78px;}
  .pcshow { display:none;}
.wpshow { display:block;}
}

@media screen and (max-width:400px) {
  .logo{height: 80px;}
  .wrap_header {height: 120px;}
}