@charset "utf-8";
/*reset css start*/
html{-webkit-text-size-adjust: 100%;height: 100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,label,textarea,p,a,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,span,summary,address,caption,cite,i,code,dfn,em,th,var{margin:0;padding:0;}
body{position: relative;min-width: 1200px;min-height: 100%;font-family:arial,"microsoft yahei","San Francisco",Roboto,sans-serif,SimHei,SimSun;font-size:14px;background-color:#fff;color:#444;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{font-weight:normal}
address,caption,cite,i,code,dfn,em,th,var{font-style:normal;font-weight:normal}
img{height:auto;max-width:100%;vertical-align:middle;border:0;}
button,input,select,textarea{vertical-align:baseline;outline: none;}
button,input{line-height:normal}
input, textarea{border: 0;-webkit-appearance: none;}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
ol,ul{list-style:none}
a{text-decoration:none;color:#444;}
a{outline: none;}

p{word-wrap: break-word;}
/*reset css end*/

/* type */
/* Alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*common css start*/
.clear:before,.clear:after{display:table;line-height:0;content:""}
.clear:after{clear:both}
.hide{display:none}
.fl{float:left}
.fr{float:right}
.center{margin:0 auto;}
.wrapper{width:1200px;margin:0 auto;}
/*common css end*/

/*nav.css start*/
.nav-box{height:70px;line-height:70px;background: #5576ac;}
.logo{padding-left:10px; }
.nav li{float: left;}
.nav li a {
  display: block;
  height: 70px;
  padding: 0 20px;
  color: #fff;
  font-size: 15px;
  transition: 0.3s;
}
.nav li a:hover{background: #6f91c9;}
.nav li.active a{background: #6f91c9;}
/*nav.css end*/
/*search.css start*/
.c-search-wrapper{padding-top:32px;padding-bottom:30px; vertical-align: middle;}
.c-search{padding-left:20px;height:46px;line-height:46px;}
.c-inp,.c-sel{padding-left:19px;height:44px;border:1px solid #dfe4eb;border-radius:2px;margin-right: 10px;vertical-align: middle;}
.c-inp{width:282px;}
.c-w1{width:282px;}
.c-w2{width:190px;}
.c-sel option{height:30px; line-height:30px;}
.c-search-btn{width:110px;height:38px;line-height:38px;border-radius:2px;background:#c1cbd7;color:#fff;cursor: pointer;}
/*search.css end */

/*footer.css*/
.c-footer{height:177px; background:#c1cbd7;text-align: center;}
.link-map{border-bottom:1px solid #b5bfcc;}
.link-map ul{width:815px;margin:0 auto;height:80px;line-height:80px;border-left:1px solid #b5bfcc;}
.link-map li{display:inline-block;width:199px;border-right:1px solid #b5bfcc;}
.link-map li a{display:block;width:100%;height:100%;color:#6e7790;font-size:15px;}
.copyright{height:96px;line-height:96px;color:#7b8b9e;font-size:13px;}
/*footer.css end*/

/* load animations start */
.spinner {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.spinner > div {
  width: 20px;
  height: 20px;
  background-color: #5d8ffe;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
}

/* load animations end */

