@charset "utf-8";
/* CSS Document */
.index-case{ padding-bottom: 3rem;}
.index-case .title{ font-size: 20px; padding-top:1.5rem;  }
.index-case .title span.en{ position: relative; display: inline-block; margin-top: 5px; font-size: 16px; text-transform: uppercase; }
.index-case .title span.en:after { content: ''; width: 26px; height: 1px; background-color: #696666; position: absolute; top: 50%; left: -35px; }
.index-case .title span.en:before { content: ''; width: 26px; height: 1px; background-color: #696666; position: absolute; top: 50%; right: -35px;}
.index-case .casenav{ padding-top: 1.5rem;}
.index-case .casenav a{ display: inline-block; padding: 0 0.8rem; margin: 0.5rem; width: auto; height: 1.8rem; line-height: 1.8rem; background: none; border: 1px solid #999; font-size: 13px; }
.index-case .casenav a:hover,.index-case .casenav a.active{ background: #b0090e; border: 1px solid #b0090e; color: #fff; }
.index-case .more,.index-team .more{ display: inline-block; width: auto; height: 1.8rem; line-height: 1.8rem; padding: 0 1.2rem; border: 1px solid #999; font-size: 13px;}
.casecon{ padding-top: 2rem;}
.casecon ul.pbl{ width: 100%; height: auto; overflow: hidden; position: relative; } 
.casecon ul.pbl li.item{ float: left; width: 49%; padding-left: 2%;  height: auto; margin-bottom: 15px; overflow: hidden; }
.casecon ul.pbl li.item .item-con{ width: 100%; position: relative; overflow: hidden;}
.casecon ul.pbl li.item .item-con img{ width: 100%; height: auto;}
.casecon ul.pbl li.item .item-con .name{ font-size: 14px;}

.index-about{ padding: 4rem 5%; background: url(../images/index-abbg.jpg) center top no-repeat; background-size: 100% auto; }
.index-about .abcon{ position: relative; }
.index-about .abcon .abcon-m1{min-height: 250px; background: url(../images/index-abbg1.jpg) center center no-repeat; background-size: cover; overflow:hidden;}
.index-about .abcon .abcon-m1 p{font-size: 13px;}
.index-about .abcon .abcon-m2{min-height: 334px; background: url(../images/index-abbg2.jpg) center center no-repeat; background-size: cover;}
.index-about .abcon .abcon-m2 p{line-height: 40px; padding-top: 55px; font-size: 25px; color: #fff;}
.index-about .abcon .more{ position: absolute; left: 50%; margin-left: -4rem; bottom: 8%; display: inline-block; width: 8rem; height: 1.9rem; line-height: 1.9rem; background: #009944; color: #fff; font-size: 13px; z-index: 9}

.index-team .title{ width: 63%; margin: 0 auto;}
.index-team .sjs { display: block; padding: 2rem 0;}
.index-team .sjs img{ width: 12rem; height: 12rem; border-radius: 50%; overflow: hidden}
.index-team .con .p1{ font-size: 18px; color: #000;}
.index-team .con .p3{ font-size: 15px; padding-top: 0.5rem;}
.index-team .more{ margin-top: 2rem;}

.index-contac{ padding: 15rem 5% 0 5%; /*margin-top: 2.4rem;*/ background: url(../images/index-lx.jpg) center top no-repeat; background-size: 100% auto;}
.index-contac .ctcon{ text-align: left; font-size: 14px;}
.index-contac .ctcon .company{ font-size: 17px; margin-bottom: 0.5rem;}
.index-contac .ctly{ padding-top: 1rem; padding-bottom: 2rem}
.inputtxt{ width: 100%; padding: 0.6rem 0.5rem; margin-bottom: 0.6rem; color: #666; background-color:transparent;  border:1px solid #e1e0e0;  }
#lytext{ width: 100%; height: 6rem; padding: 0.6rem 0.5rem; resize: none; overflow: hidden; background-color: transparent; color: #666;  border:1px solid #e1e0e0; }
.inputsub{ display: inline-block; margin-top: 1rem; width: 8rem; height: 1.9rem; line-height: 1.9rem; background: #009944; color: #fff; font-size: 13px; border: none }

.map{ width :100%; height: 380px; overflow: hidden;}
.input-card{width: 280px;}
.input-card h4{font-weight: bold; border-bottom:2px solid #666; margin-bottom:6px; padding-bottom: 4px;}
.input-card p{font-size: 14px; word-break: break-all;}
.amap-info-sharp{height:9px;width:16px;top:-1px;left:50%;margin-left:-8px;background:url(../images/map.png) 0 0 no-repeat}