@charset "utf-8";
/* CSS Document */
.casewarp{ width:auto; padding-bottom: 88px; background: url(../images/index-casebg.png) center top repeat; }
.casewarp .title{ font-size: 32px; padding-top: 0px;  }
.casewarp .title span.en{ position: relative; display: inline-block; margin-top: 15px; font-size: 13px; color: #000; text-transform: uppercase; }
.casewarp .title span.en:after { content: ''; width: 26px; height: 1px; background-color: #696666; position: absolute; top: 50%; left: -35px; }
.casewarp .title span.en:before { content: ''; width: 26px; height: 1px; background-color: #696666; position: absolute; top: 50%; right: -35px;}
.casewarp .casenav{ padding-top: 40px;}
.casewarp .casenav a{ display: inline-block; padding: 0 30px; margin: 0 33px; width: auto; height: 28px; line-height: 28px; background: none; border: 1px solid #999; font-size: 13px; }
.casewarp .casenav a:hover,.casewarp .casenav a.active{ background: #009944; border: 1px solid #009944; color: #fff; }
.casecon{ padding-top: 65px;}
.product{ width: 1200px; margin: 0 auto; padding-bottom: 100px; overflow: hidden;}
.pblList{ width: 1000px; margin: 0 auto; }
.pblList ul.pbl{ width: 100%; height: auto; overflow: hidden; position: relative; display: none } 
.pblList ul.pbl li.item{ float: left; width: 323px; padding-right: 10px; height: auto; margin-bottom: 15px; overflow: hidden; }
.pblList ul.pbl li.item .item-con{ width: 100%; position: relative; overflow: hidden;}
.pblList ul.pbl li.item .item-con img{ width: 100%; height: auto; opacity: 0.8; filter:alpha(opacity=80); /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);*/ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pblList ul.pbl li.item .item-con:hover img{ transform: scale(1.05, 1.05); opacity: 1; filter:alpha(opacity=100); /*-webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0);*/}
.pblList ul.pbl li.item .mask {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 90px;
    left: 4%;
    bottom: -100%;
    width: 92%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pblList ul.pbl li.item .check{
	display: inline-block; 
	float: right; 
	width: 40px; 
	height: 40px;
	border: 1px solid #999;
	background: url(../images/check.png) -2px top no-repeat;
}
.pblList ul.pbl li.item .text{
	width: 85%; 
	margin: 24px auto 0 auto;
	text-align: left;
}
.pblList ul.pbl li.item .text p{
	display: inline-block; line-height: 18px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pblList ul.pbl li.item .text p.name{
	 color: #fff; font-family:"宋体"; font-size: 18px;
}
.pblList ul.pbl li.item .text p.category{
	 font-size: 14px; color: #ccc; font-family:"宋体";
}
.pblList ul.pbl li.item:hover .mask {
    bottom: 20px;
}



.casewarp .more{ display: inline-block; width: auto; height: 38px; padding: 0 50px; margin-top: 60px; line-height: 38px; border: 1px solid #999; font-size: 13px; color: #333; }

.aboutwarp{ position: relative; height: 825px; width: 100%; background: url(../images/index-abbg.jpg) center top no-repeat; }
.aboutwarp .title{ position: absolute; top: 257px; left: 14.5%; width: 21%; height: 400px; background: #22acdc; text-align: left; color: #FFF;}
.aboutwarp .title .en{ position: relative; padding-left: 20%; margin-top: 154px; line-height: 56px; font-size: 48px; }
.aboutwarp .title .en::before{ content: ''; width: 33px; height: 3px; background-color: #FFF; position: absolute; top: -15px; left: 22%;}
.aboutwarp .title .cn{ padding-left: 21%; padding-top: 25px; font-size: 35px; }
.aboutwarp .morebg{ position: absolute; top: 380px; left: 35.5%; width: 39%; height: 440px; background: url(../images/index-abbg1.jpg) center top no-repeat;}
.aboutwarp .morebg .huibg{ position: absolute; width: 56%; height: 440px; left: 0; background: url(../images/huibg.png) repeat;}
.aboutwarp .morebg .huibg .wz{ position: relative; padding: 110px 5% 0 5%; color: #fff; font-size: 14px; }
.aboutwarp .morebg .huibg .wz::after{ content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 40px; height: 4px; background: #009944; }
.aboutwarp .morebg .huibg .wz .num{ display: inline-block; font-size: 36px; color: #fff; margin-bottom: 10px;}
.aboutwarp .morebg .more{ position: absolute; bottom: 34px; right: 10%; display: inline-block; width: 134px; height: 38px; line-height: 38px; border: 1px solid #fff; font-size: 13px; color: #fff; }
.aboutwarp .text{  position: absolute; top: 257px; left: 57.4%; width: 820px; height: 400px; background: url(../images/index-abbg2.jpg) center top no-repeat; text-align: left; }
.aboutwarp .text .con{ padding-left: 92px; padding-top: 165px;}
.aboutwarp .text p{ color: #333; font-family:"宋体"; line-height: 30px;}
.aboutwarp .text p.tit{ font-size: 23px; color: #000; font-family:"微软雅黑"; font-weight: normal; margin-bottom: 50px;}


.designwarp{ height: 633px; padding-top: 180px; background: url(../images/index-design.jpg) center bottom no-repeat;}
.designwarp .title{ position: absolute; left: 43%; top: -38px; font-size: 20px; color: #000; text-align: left;}
.designwarp .title .en{ display: inline-block; margin-bottom: 20px; font-size: 36px; text-transform: uppercase; }
.designwarp .content{ position: relative; width: 1000px; margin: 0 auto;}
.team-list .card{ float: left; background: #fff; width: 274px; margin-left: 5px; margin-bottom: 5px;}
.team-list .card .sjs{ position: relative; width: 274px; height: 387px; overflow: hidden}
.team-list .card .sjs img{ position: absolute; left: -65.5px; top: -40px; width: 405px; max-width:none;}
.team-list .card .name{ width: 274px; height: 115px; box-shadow: 0px 2px 8px  rgba(0,0,0,0.1);}
.team-list .card .name .p1{ display: inline-block; margin: 15px 0; font-size: 20px;}
.team-list .card .name .p2{ font-size: 14px;}
.team-list .introduce{ float: right; width: 580px; padding-top: 76px; text-align: left;}
.team-list .introduce div{ height: 110px; margin-bottom: 10px; font-size: 14px; line-height: 26px; font-family:"宋体"; color: #666; overflow: hidden}
.team-list .introduce .rw{ height: 140px;}
.team-list .introduce .t1{ display: block; color: #000; margin-bottom: 5px;}
.team-next{ position: absolute; left: 43%; bottom: 0; display: block; width: 134px; height: 38px; line-height: 38px; border: 1px solid #999; text-align: center; color: #666; font-size: 13px; z-index: 9; cursor: pointer; opacity: 0; -webkit-animation: next 1.5s infinite linear; -moz-animation: next 1.5s infinite linear; animation: next 1.5s infinite linear;}
.team-next:hover{ background: #009944; color: #fff; border: 1px solid #009944;}
@-webkit-keyframes next {
	0% {opacity: 0.2; left: 43%; }
	100% {opacity: 1; left: 47%; }
}
@-moz-keyframes next {
	0% {opacity: 0.2;left: 43%;  }
	100% {opacity: 1; left: 47%;}
}
@keyframes next {
	0% {opacity: 0.2;left: 43%; }
	100% {opacity: 0.5; left: 47%;}
}


.newswarp{ position: relative; height: auto; background: url(../images/index-newsbg.png) repeat;}
.newswarp::before{content: ''; position: absolute; left: 0; top: 162px; width: 100%; height: 1px; background: #ddd;}
.newsinfo{ padding-top: 85px; padding-bottom: 108px;}
.newswarp .news-left{ float:left; }
.newswarp .news-left .title{ font-size: 24px; color: #333; text-align: left;  }
.newswarp .news-left .title .en{ display: inline-block; margin-top: 12px; font-size: 14px; color: #ccc; text-transform: uppercase;}
.newswarp .news-left .news-nav{ margin-top: 45px;}
.newswarp .news-left .news-nav li a{ display: block; font-size: 16px; color: #676767; line-height: 36px;}
.newswarp .news-right{ float: right; width: 1080px;}
.newswarp .newsul li{ float: left; width: 300px; margin-left: 60px; text-align: left; }
.newswarp .newsul li .date{ margin-top: 32px; font-size: 20px; color: #999;}
.newswarp .newsul li .title{ display: inline-block; width: 100%; margin-top: 55px; margin-bottom: 12px; font-size: 16px; color: #7c7b7b; font-family:"宋体"; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.newswarp .newsul li .description{ height: 48px; line-height: 24px; font-size: 14px; color: #999; font-family:"宋体"; overflow: hidden;}
.newswarp .newsul li .newsimg{ width: 298px; height: 224px; padding-top: 28px; overflow:hidden;}
.newswarp .newsul li .newsimg img{ transition:all.5s; opacity:0.7; filter:alpha(opacity=70);}
.newswarp .newsul li:hover .newsimg img{ transform: scale(1.05, 1.05); opacity:1; filter:alpha(opacity=100);}
.newswarp .newsul li:hover .title,.newswarp .newsul li:hover .description{ color: #000;}
.newswarp .newsul li:hover .date{ color: #333;}

.contactwarp{ padding-top: 150px; background: url(../images/index-ctbg.jpg) center top no-repeat;}
.contac-left{ float: left; width: auto; padding-top: 80px; text-align: left; }
.contac-left .company{ padding: 32px 0; font-size: 20px; color: #000; font-family:"宋体"; }
.contac-left .line{ position: relative; width: 100%; height: 1px; background: #ebebeb;}
.contac-left .line::after{content: ''; position: absolute; left: 0; top: 0; width: 15%; height: 1px; background: #202020;}
.contac-left .content{ padding-top: 40px; line-height: 36px; color: #000; }
.contac-right{ width: 80%; text-align: left; }
.inputtxt{ width: 45%; padding: 15px 0px; margin-bottom: 6px; color: #000; background-color:transparent; border:none; border-bottom:1px solid #ebebeb;  }
.inputtxt#name,.inputtxt#mycall{ margin-right: 9%;}
.inputtxt#code{ width:36%;}
#lytext{ float: left; width: 70%; height: 100px; resize: none; overflow: hidden; background-color: transparent; border: none; padding-top: 30px; color: #000; line-height: 20px; margin-bottom: 10px; border-bottom:1px solid #ebebeb; }
.tj{ float: right; margin-top: 93px; text-align: right;}
.inputsub{ width: 134px; background-color:#fff; color: #000; font-size: 15px; line-height: 36px; height:38px; border: 1px solid #ebebeb; cursor: pointer; transition:all.5s; }
.inputsub:hover{ background: #009944; color: #fff; border: 1px solid #009944;}
.map{ width: 100%; height: 313px; margin: 95px 0; 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;}
.amap-info-sharp{height:9px;width:16px;top:-1px;left:50%;margin-left:-8px;background:url(../images/map.png) 0 0 no-repeat}