body {
  color:#000000;
  font-size:14px;
}
a {
  color:#f75555;
}
a:hover {
  color:#cb5b92;
}
.head {
  height: 110px;
}
.header{
  height:110px;
  padding-top: 30px;
}

header .am-img-responsive{
  display: inline-block;
}
header#amz-header ul {
  float: right;
  margin-top: 30px;
}
header ul li {
  
  width:98px;
  text-align:center;
  margin:0;
  padding:0 15px;
}
header ul li img {
  min-height:1px;
}
header ul li:first-child {
  width:78px;
  line-height:0;
}
header ul li div {
line-height:30px;
}
#amz-header ul li a {
  line-height: 0;
  color:#000;
}

.abouts {
  width:152px;
  height:120px;
  margin:0 auto; 
  margin-top:50px;
}
.abouts-img {
  width:100%;
  height:10px;
  line-height:0;
}
.about-titile {
  font-size:30px;
  
  text-align:center;
  color:#323232;
}
.about {
  font-size:22px;
  font-weight:bolder;
  text-align:center;
  color:#d88605;
}
.gykr {
  width:80%;
  text-align:center;
  margin-top:40px;
}
.app {
  width:100%;
  margin-top:70px;
}
.app-title-ch {
  width:450px;
  text-align:center;
  font-size:22px;
  font-weight:bolder;
  color:#363636;
}
.app-title-en {
  width:450px;
  text-align:center;
  font-size:22px;
  font-family:Aparajita;
  font-weight:bolder;
  color:#737373;
}
.app-icon {
  width:80%;
  margin-top:50px;
}
.icon {
  width:25%;
  cursor:pointer;
  float:left;
  
}

  

  
  
  


  

  

.icon img{
  
  
  
  
  border:1px solid transparent;

  
  transition: all 2s;
  -webkit-transition: all 2s;
}
.icon img:hover{
  transform:rotateX(360Deg);
  -webkit-transform:rotateX(360Deg);
}
.icon-text {
  width:100%;
  height:50px;
  float:left;
  text-align:center;
  margin-top:50px;
}
.lable {
  width:100%;
  margin-bottom: 30px;
}
.fwln {
  width:48%;
  height:216px;
  background:#f6f6f6;
  padding:40px 15px;
  float:left;
  overflow:auto;
}
.qywh {
  width:48%;
  height:216px;
  background:#f6f6f6;
  padding:40px 15px;
  margin-left:4%;
  float:left;
  overflow:auto;
}
.tubiao {
  width:15%;
  height:100%;
  border-right:1px solid #d2d2d2;
  float:left;
}
.wenzi {
  width:85%;
  padding-left:20px;
  float:left;
}
.fwln-title {
  font-size:18px;  
  font-weight:bolder;
}
.fwln-text {
  margin-top:20px;
  font-size:14px;
}
.case {
  width:100%;
  margin-top:50px;
}
.case>div{
  margin-bottom:30px;
}
.case>div.more{
  margin-bottom:120px;
}

.case-frame{
  display: inline-block;
  width:100%;
  overflow: hidden;
  position: relative;
}
.case-img{
  width:100%;
  transition:all 0.8s;
  -webkit-transition:all 0.8s;
  -moz-transition:all 0.8s;
  cursor: pointer;
}
.case-img:hover{
  transform: scale(1.1);
  -webkit-transform:  scale(1.1);
  -moz-transform:  scale(1.1);
}
.case-title{
  width:100%;
  height:30px;
  font-size: 16px;
  line-height: 30px;
  background-color: rgba(24,48,77,0.4);
  position: absolute;
  bottom: 0;
  z-index: 3;
  margin:0;
  color:#fff;
  transition:all 0.8s;
  -webkit-transition:all 0.8s;
  -moz-transition:all 0.8s;
  padding-left: 10px;
  cursor: pointer;
}
.case-title:hover{
  background-color: rgba(24,48,77,0.8);
  height:70px;
  line-height: 70px;
}

.casetwo {
  margin-top:0;
}
.case-label {
  width:181px;
  height:270px;
  background:#FFF;
  float:left;
  margin-left:24.5px;
  margin-right:24.5px;
  padding:15px;
  border:1px solid #e5e5e5;
  position:relative;
  background: url(../image/join_bg.png);
  background-size: cover;
  color:#fff;
}
.case-label a{
  color:#fff;
}
.case-label-shade{
  width:181px;
  height:270px;
  border:1px solid #e5e5e5;
  position: absolute;
  left:0;
  top:0;
  background-color:transparent;
  z-index: 1;
}
.case-label-shade:hover{
  background-color:rgba(24,48,77,.3);
  cursor: pointer;
}

  
  
  
  
  
  
  
  

.case-label2 {
  width:181px;
  height:270px;
  float:left;
  margin-left:50px;
  padding:15px;
  position:relative;
}
.zpgw {
  width:693px;
  height:270px;
}
.zpgwmc {
  font-size:18px;
  font-weight:bolder;
  position: absolute;
  top:15px;
  z-index: 2;
}
.gwze {
  margin-top:14px;
  font-size:14px;
  font-weight:500;
}
.zprs {
  position:absolute;
  width:100%;
  height:50px;
  left:0;
  bottom:0;
  line-height: 50px;
  z-index: 2;
}
.zprs img {
  width:46px;
  height:1px;
  line-height:0;
}
.more {
  width:auto;
  font-size:14px;
  color:#f75555;
  
  text-align:center;
  cursor:pointer;
}
.more a{
  display: block;
  width:94px;
  height:22px;
  line-height: 22px;
  background-color: #e5e5e5;
  color:#4c4c4c;
  text-align: center;
  font-size: 12px;
  margin:0 auto;
}
.footer {
  margin-top:40px;
  padding-bottom:20px;
  text-align:center;
  position: relative;
}
.footer .logo-btm{
  width:100%;
}
.footer-text{
  
  
  
  
  
  text-align: center;
  
  height:72px;
  margin-top: 64px;
}
.footer-text img{
  margin-right: 10px;
  width:15px;
}
.footer-addr1{
  display: inline-block;
}
.footer-addr2{
  padding-left: 15px;
}
.line{
  height:1px;
  border-bottom:1px solid #e5e5e5;
}


.news{
  background-color: #f4f4f4;
}
.news-content{
  width:550px;
  text-align: right;
}
.news-close span{
  display: inline-block;
  font-size: 12px;
  color:#999;
  vertical-align: middle;
  display: none;
}
#news-close-icon-div{
  display: inline-block;
  display: none;
}
.news-close img{
  margin:10px;
}
.news-close img:hover{
  cursor: pointer;
}
.news-title{
  height:100px;
  line-height: 100px;
  font-size: 30px;
  color: #014880;
  font-family:SimHei,Microsoft YaHei;
}
.news-text{
  width:465px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  text-indent: 3em;
  margin-left: 85px;
  margin-bottom: 40px;
}
.news-btn a{
  display: inline-block;
  width:100px;
  height:45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #014880;
  background-color: #fff;
  font-size: 16px;
  color: #013055;
  border-radius: 4px;
}


.c-bner{
  width:100%;
  height:340px;
}
.c-bner-1{
  background: url("../image/banner1.png") top center no-repeat;
}
.c-bner-2{
  background: url("../image/banner02.png") top center no-repeat;
}
.c-bner-3{
  background: url("../image/banner03.png") top center no-repeat;
}
.c-bner-4{
  background: url("../image/banner04.png") top center no-repeat;
}
.c-bner-5{
  background: url("../image/banner05.png") top center no-repeat;
}
.c-bner-6{
  background: url("../image/banner06.png") top center no-repeat;
}
.c-bner-7{
  background: url("../image/banner07.png") top center no-repeat;
}
.c-bner-8{
  background: url("../image/banner08.png") top center no-repeat;
}

.c-footer{
  height:200px;
  background: #0a4c87 url("../image/foot-bg.png") top center no-repeat;
}
.footer-text h6{
  font-size: 12px;
  color:#fff;
  height:18px;
  line-height: 18px;
  margin:0;
  text-align: center;
  font-weight: normal;
  font-family:Microsoft YaHei,SimHei;
}
.footer-parent{
  display: inline-block;
  margin:0 auto;
}
.footer-par-con{
  height:18px;
}
.c-footer-fl{
  float: left;
}
.bah-con a:hover{
  color:#f8ac5a!important;
}





.footer-text  h6 a{
  color:#fff;
}




@media only screen and (min-width: 780px){
  .am-show-sm-only{
    display: none!important;
  }
}
@media only screen and (max-width: 780px){
  .am-show-sm-only{
    display: block!important;
  }
  body .c-last-label {
    margin-bottom: 0;
  }
  body .case-detail{
    margin-bottom:30px;
  }
  .case>div.more{
    margin-bottom:10px;
  }
  .c-bner{
    height:176px;
  }
  .c-bner-1{
    background: url("../image/m-banner1.png") top center no-repeat;
  }
  .c-bner-2{
    background: url("../image/m-banner02.png") top center no-repeat;
  }
  .c-bner-3{
    background: url("../image/m-banner03.png") top center no-repeat;
  }
  .c-bner-4{
    background: url("../image/m-banner04.png") top center no-repeat;
  }
  .c-bner-5{
    background: url("../image/m-banner05.png") top center no-repeat;
  }
  .c-bner-6{
    background: url("../image/m-banner06.png") top center no-repeat;
  }
  .c-bner-7{
    background: url("../image/m-banner07.png") top center no-repeat;
  }
  .c-bner-8{
    background: url("../image/m-banner08.png") top center no-repeat;
  }
  .c-footer{
    height:160px;
    background: #0a4c87 url("../image/foot-bg-phone.png") top center no-repeat;
  }
  .footer-text{
    height:98px;
    margin-top: 31px;
  }
  .footer-par-con {
    height: 36px;
  }
  .c-footer-fl{
    float: none;
  }
}

@media only screen and (min-width: 780px){
  #amz-header ul{
    display: block;
  }
}
@media only screen and (max-width: 780px){
  #amz-header ul.am-collapse {
    display: none;
  }
  #amz-header ul.am-in {
    display:block;
  }
}