@charset "utf-8";
/* CSS Document */
html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
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; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object,svg{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: #104883;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.pa{position: absolute;}
.pr{position: relative;}
.lf{float: left;}
.rt{float: right;}
.fpx16{font-size: 16px;font-size: 1.6rem;}
.fpx18{font-size: 18px;}
.fpx20{font-size:20px;}
.fpx24{font-size: 24px;}
.fpx30{font-size: 30px;}
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}
.container{width: 1200px;margin:0 auto;}
.clearFix{*zoom:1;clear:both;}
.clearFix:after{content: '';display: block;clear:both;}
.clear{width: 100%;overflow:hidden;height:0 ;}
.imgResponsive{width: 100%;height: 0;padding-bottom:62.5%;overflow:hidden;display: block;}
.imgResponsive img{width: 100%;transition: all 0.3s ease-in-out;}
.imgResponsive img:hover{transform: scale(1.05);}
/*头部样式*/
.header{width:100%;min-width: 300px; height:auto; z-index:990;background-color: #104883;position: relative;}
.top{position:relative;}
.logo{ *width:468px;float:left;transition: all 0.3s ease-in-out;padding:16px 0;}
.logo a{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.logo_01{width: 333px;;}
.logo_02{width: 440px;padding-left: 12px;margin-left: 12px;border-left: 1px solid #c7d4e2;}
image{display: block;width: 100%;}
.top-rt{float: right;padding: 34px 0 0;}
.topNav{width: auto;float: left;height: 32px;line-height: 32px;}
.topNav a{color:#fff;margin:0 15px;transition: all 0.35s ease-in-out;}
.topNav a:hover{text-decoration: underline;}
.ser{width:190px; height:32px; line-height:32px; position: relative;border-radius: 25px;background: #0d3a69;overflow: hidden;}
.search input,.search button{position:absolute;  height: 32px;line-height:32px; color:#fff; border:none; background:none; top:0px; padding-left:0px; }
.search input.notxt{color:#fff; padding:0 0 0 15px;width:73%;font-size: 12px;}   
.search button.notxt1 {position: absolute;width: 36px;right:0;border: none;cursor:pointer;padding-right:0;color:#fff;height: 32px;background: #3d6187;*background:url(../images/searchBtn.png) no-repeat center #3d6187}


.nav{margin:0 auto;position: relative;background-color: #fff;}
.nav > ul{text-align: center;font-size: 0;}
.nav > ul > li{height: 50px;position: relative;width: auto;text-align: center;display: inline-block;*display: inline;*zoom:1;vertical-align: top;}
.nav > ul > li > a:before,.nav > ul > li:first-child > a:after{content: '';width: 1px;height: 19px;background: #c6d8ee;position: absolute;right: 0;top: 50%;margin-top: -9.5px;}
.nav > ul > li:first-child > a:after{left: 0;right: auto;}
.nav > ul > li > a{display:block;height:50px;line-height: 50px;font-size: 18px;position: relative;padding:0 49px;position: relative;transition: all 0.35s ease-in-out;}
.nav > ul > li.on > a,.nav > ul > li:hover > a{background: #104883;color:#fff;}
.nav > ul > li.on .subNav{display: block;}
.nav > ul > li .subNav{}
.subNav{position: absolute;left:0;top:50px;display: none;width:100%;font-size: 14px;background:url(../images/subNav_bg.png) repeat;}
.subNav dl{}
.subNav dd > a{padding:6px 10px;display: block;line-height: 1.5;}
.subNav dd {text-align: center;}
.subNav a:hover{background: #0d54a0;color:#fff;}

.header.currents{height: 60px;position: fixed; background:#104883;left: 0;top: 0;}
.header.currents .top{clear:none;width: auto;position: absolute;left: 50%;margin-left: -600px;z-index: 60;}
.header.currents .logo{padding:7px 0}
.header.currents .logo_01{width: 215px;height: auto;}
.header.currents .logo_02{width: 200px;height: auto;}
.header.currents .nav{height: 60px;width: auto;padding-top: 0;clear:nonep;position: absolute;top: 0;left:50%;width: 1200px;margin-left: -600px;background: none;}
.header.currents .nav:before,.header.currents .top-rt{display: none;}
.header.currents .nav > ul{clear:none;margin-left: 400px;width: auto;}
.header.currents .nav > ul > li{background:none;height: 60px;width: auto;}
.header.currents .nav > ul > li > a{height: 60px;line-height: 60px;font-size: 15px;color:#fff;padding: 0 21px;}
.header.currents .nav > ul > li > a:hover,.header.currents .nav > ul > li.on > a{border:none}
.header.currents .subNav{top:60px;}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)}
.header.currents dd a{font-size: 14px;}
.fadeInUpSmall  {
  -webkit-animation-name: fadeInUpSmall ;
  animation-name: fadeInUpSmall ;
  animation-duration: 0.6s; 
  -webkit-animation-duration: 0.6s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
  display: block;
}

@-webkit-keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

/*手机端导航*/
.mobile{width: 100%;position:relative;height: 35px;display: none;top:0;right: 0;z-index: 99;background: #0d3a69;}
.mobile-inner-header{width:100%;
    height: 35px;position: absolute;top: 1px;right: 0px;z-index: 2}
    .mobile-inner-header-icon{
  color: #fff; 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: #fff;}
.mobile-inner-header-icon{right: 10%;}
.mobileLink{display: none;padding:10px 0;}
.mobileLink dd{line-height: 20px;text-align: center;font-size: 1.2rem;padding:0 35px;}
.mobileLink dd a{color:#fff;padding:0 10px;display: inline-block;width: auto;position: relative;line-height: 24px;font-size: 12px;} 
.mobileLink a:before{opacity: 0.2;}
.mobile-inner-header-icon{color: #fff; height: 31px;text-align: left;float:right;width: 30px;position: relative; cursor: pointer;margin-right: 10px;font-weight: bold;text-align: right;} 
.mobileLink a:last-child:before{display: none;}
.mobile-inner-header-icon-out i{font-size: 27px;}
.mobile-inner-header-icon-out span{width: 22px;height: 2px;background-color:#fff;display: none;}
.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;
    width: 19px;
    }
.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{top: 5px;}
.mobile-inner-header-icon-click i{display: none;}
.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);
  }
}
.phoneLink{float: left;padding-left: 15px;height: 35px;line-height: 35px;}
.phoneLink a{color: #fff;}
.mobile-inner-nav{  width: 100%; position: absolute;top: -90px;left: 0px;padding-top: 120px;padding-bottom: 25px;display: none;background: -webkit-linear-gradient(left, #155eac , #104883); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #155eac, #104883); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #155eac, #104883); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #155eac , #104883); /* 标准的语法 */}
.mobile_bg02{background:#000;opacity: 0.6;top: 0;position: fixed;left: 0;top: 0;display: block;width: 100%;height: 100%;display: none;}
.mobile-inner-nav li >a{display: inline-block;line-height: 45px;text-decoration: none;  width: 100%;font-size: 1.6rem; -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;-o-transition: all 0.5s;    transition: all 0.5s; position: relative;color:#fff;}
.mobile-inner-nav li > a:before,.mobile_subNav > dd >a:before{width: 100%;height: 0;position: absolute;left: 0;bottom: 0;content: '';border-bottom: 1px solid  #000;opacity: 0.2;}
.mobile-inner-nav ul{margin:0 auto;width: 80%;}
.mobile-inner-nav li{position: relative;}
.twoArrow{color:#fafafa;position: absolute;right:0;top:0;font-size: 2.5rem;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; font-weight: normal;}
.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 {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }

      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }

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

      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
.mobile_subNav{display: none;padding-left:10px;opacity: 0.8}
.mobile_subNav > dd{position: relative;}
.threeArrow{color:#fff;position: absolute;right:0;top:0;font-size: 2rem;cursor: pointer;width: 35px;height: 35px;text-align: center;line-height: 35px;-webkit-transition: all 0.5s;   -moz-transition: all 0.5s;-o-transition: all 0.5s;    transition: all 0.5s; }
.mobile_threeNav{padding:5px 0;overflow:hidden;display: none;}
.mobile_threeNav >dd{width: 50%;float: left;}
.mobile_threeNav >dd >a{font-size: 12px;padding:5px 0 5px 12px;color:#fff;display: inline-block;}
.mobile-inner-nav li > dl > dd > a{font-size: 1.4rem;height: 35px;line-height: 35px;border-bottom: 1px solid #rgba(255,255,255,0.2);color:#fff;position: relative;display: block;}
.mobile_search{clear: both;position: relative;height: auto;margin:20px auto 0;overflow: hidden;display: none;padding:0 10%;background-color:rgba(0,0,0,0.15)}
.mobile_search input.notxt{width: 90%;color:#fff;padding-left:55px;border:none;}
.mobile_search input.notxt1{width: 55px;background-color:#fff;right:auto;left:0;background:url(../images/searchBtn.png) no-repeat center center;border:none;}
.mobile_search > form{display: block;width:100%;position: relative;margin:7px auto;height: 26px;background-color: rgba(255,255,255,0.12);border-radius: 15px;}
/*footer*/
.footer{position: relative;text-align: center;}
.footer > p{padding:35px 0}
.footer span{margin:0 10px;color:#fff;}
.wrap_footer{background:#174f99;}
.copyRight{border-top: 1px solid #4572ad;padding:23px 0;font-style: normal;}

.goTop{width: 50px;height: 50px;background-color:#2970cc;*background:url(../images/goTop.png) no-repeat center #2970cc;position: fixed;right:15px;bottom: 15px;border-radius: 50%;transition: all 0.35s ease-in-out;z-index: 998;color:#fff;line-height: 50px;text-align: center;}
.goTop i{font-size: 20px;}
.goTop.bottom{bottom: 200px;}

@media screen  and (min-width:1020px) {

}
@media screen  and (max-width:1386px) {
  .container{width: 998px;}
  .header.currents .nav > ul > li > a{font-size: 14px;}
  .fpx24{font-size: 21px;}
  .subNav{font-size: 13px;}
  .nav > ul > li > a{padding:0 35px;font-size: 16px;}
  .header.currents .nav{width: 998px;margin-left: -499px;}
  .header.currents .nav > ul > li > a{padding:0 19px}
  .header.currents .top{margin-left: -500px;}
  
}

@media screen  and (max-width:1220px) {
  .fpx16{font-size: 15px;}
  .fpx18{font-size: 16px;}
  .fpx20{font-size: 17px;}
  .fpx30{font-size: 26px;}
  .fpx24{font-size: 20px;}
  
}
@media screen  and (max-width:1020px) {
  
  .fpx24{font-size: 18px;}
  
  
  
}

@media screen  and (max-width:999px) {
  .nav,.header .ser,.top-rt{display: none;}
  .open .top{z-index: 0;}
  .mobile,.mobile_search,.mobileLink{display: block;}
  .container{width: 766px;}
  .logo{position: relative;z-index: 990;padding:12px 0;width: 100%;text-align: center;}
  
  
}

@media screen  and (max-width:767px) {
  .container{padding-left: 15px;padding-right: 15px;width: auto;}
  .mobile-inner-header-icon{right: 15px;}
  .footer > p,.copyRight{padding:15px 0}
  .footer span{display: inline-block;}
  
}
@media screen and (max-width:640px) {
	.logo_01{width: 180px;}
  .logo_02{width: 120px;padding-left: 6px;margin-left: 6px;}
  .mobile{top: 0;}
  .mobile-inner-header-icon{margin-right: 0;}
	}
@media screen and (max-width:480px) {
 .footerLogo{width: 280px;}
 .mobile-inner-nav li >a{font-size: 1.4rem;;}
 .twoArrow{font-size: 2.2rem;}

}
	
	

@media screen and (max-width:400px) {
}
@media screen and (max-width:380px) {
	 
}