/* 简介 */
.brand-list{display: inline-block; width: 100%; margin-top: 50px;}
.i_brand_title{width:100%; text-align:center; margin:0 auto;}
.i_brand_title h2{width:100%; text-align:center; font-family:"微软雅黑"; font-size:30px; padding-bottom:14px; font-weight:lighter; text-align:center; margin:0 auto; font-weight: 500;}
.i_brand_title h2 span{color:#f58001;}
.brand-hui { width: 100%; display: inline-block; margin-bottom: 20px; line-height: 40px;}
.brand-hui span{ width: 20%; height: 40px;  background: #dedede;  display: block; margin: auto; line-height: 40px; text-align: center; color: #999;text-transform:uppercase;  }
.brand-hui i:nth-child(1){ width: 38%; height: 1px; background: #dedede; display: block; float: left; line-height: 40px; margin-top: 20px;}
.brand-hui i:nth-child(3){ width: 38%; height: 1px; background: #dedede; display: block; float: right; line-height: 40px; margin-top: -20px; }
.brand-cont{ margin-top: 20px;}
.brand-video {width: 47.7%; overflow: hidden; height: 445px; position: relative;}
.showvideo{ position: absolute; top: 0px; left: 0px; width: 100%; display: none; height: 100%;}
.showvideo .close{position: absolute;z-index: 999;right: 2%;top: 2%;font-size: 16px;background: #fff;padding: 5px; }
.brand-neirong{width: 50%; line-height: 28px;text-indent:2em;}
.enviroment { width: 100%; display: inline-block; background: #d4d4d4; padding: 12px 0px; margin-top: 64px;}
.haunjing { position: relative;}
.haunjing .tempWrap{ width: 92%; margin: auto; overflow: hidden;}
.haunjing ul li { width: 335px; height: 276px; overflow: hidden; margin-right: 16px;}
.haunjing ul li img{width: 100%;}
.haunjing ul li:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.haunjing .sPrev, .haunjing  .sNext {
    width:60px;
    top: 0px;
    height: 276px;
    position: absolute;
    display: block;
    outline: none;
}
.haunjing .sPrev {
    background: url(../images/left.png)no-repeat center;
	background-size: 100%;
}
.haunjing .sNext {
    background: url(../images/right.png)no-repeat center;
	right: 0px;
	background-size: 100%;
}
.cooperation{ width: 100%; display: inline-block;}
.cooperation ul li{float: left; width: 17.2%; margin-right: 3%; position: relative; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);}
.cooperation ul li:last-child{ margin-right: 0px;}
.cooperation ul li .coop-img{ width: 100%; height: 200px; background: #f4f4f4; text-align: center; overflow: hidden;}
.cooperation ul li .coop-img img{width: 25%; padding-top:28%;  overflow: hidden;}
.cooperation ul li:hover .coop-img{ background: #f58001; }
.cooperation ul li:hover .coop-img img{transform: translateY(-140px);  filter: drop-shadow(#fff  0 140px);}
.cooperation ul li .coop-shuzi{ position: absolute; width: 53px; height: 53px; border-radius: 50%; font-size: 18px; line-height: 53px; text-align: center; background: #eeeeee; left: 40%; top: 35%;}
.cooperation ul li  .coop--cont{ width: 100%; padding: 55px 0px; box-sizing: border-box; height: 260px;}
.coop--cont p { font-size: 24px; font-weight: 500; text-align: center; line-height: 40px; margin-bottom: 20px;}
.coop--cont span{ width: 100%; line-height: 30px; display: block; padding-left: 10%; box-sizing: border-box;}
.coop-foot{ width: 100%; height: 40px; background: #eeeeee; text-transform:uppercase; line-height: 40px; text-align: center; font-size: 14px;}
.cooperation ul li:hover .coop-foot{background: #bcbcbc;}

.honorlist{ width: 100%; display: inline-block;}
.honorlist ul { padding: 0px 60px; box-sizing: border-box; margin-top: 40px;}
.honorlist ul li{ float: left; width: 23%; height: 400px; overflow: hidden; margin-right: 2.4%; margin-bottom: 40px;}
.honorlist ul li:nth-child(4n){ margin-right: 0px;}
.honorlist ul li img{ width: 100%; min-height: 100%;}
.honorlist ul li:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.aptitude {  width: 100%; display: inline-block; margin-top: 50px;}
.aptitude ul { padding: 0px 60px; box-sizing: border-box; margin-top: 25px;}
.aptitude ul li{ float: left; width: 23%; height: 440px; border: 2px solid #333; overflow: hidden; margin-right: 2.2%; margin-bottom: 40px;}
.aptitude ul li:nth-child(4n){ margin-right: 0px;}
.aptitude ul li img{ width: 100%; min-height: 100%;}
.aptitude ul li:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.aptitude ul li:hover{border: 2px solid #f58001; transition:all .5s ease-in-out;}

/* 优势 */
.superiority{ width: 100%; display: inline-block;}
.superiority ul { padding: 0px 54px; box-sizing: border-box; margin-top: 20px;}
.superiority ul li { width:48.8%; height: 676px; float: left; margin-right: 2.4%; position: relative;}
.superiority ul li:last-child{ margin-right: 0px;}
.superiority ul li .sup-img{width: 100%; height: 382px; overflow: hidden;}
.superiority ul li .sup-img img{width: 100%; min-height: 100%;}
.superiority ul li .sup-cont{ width: 100%; overflow: hidden; padding-left: 40%; box-sizing: border-box; padding-top: 20px;}
.sup-cont p{ border-left: 4px solid #f57f01; height: 24px; margin: 40px 0px; line-height: 24px;  font-size: 24px; font-weight: 600; padding-left: 10px;}
.sup-cont p i{ font-weight: 300; font-size: 18px; text-transform:uppercase;  margin-left: 20px;}
.sup-cont span{ font-size: 20px; height: 24px; line-height: 24px; margin-bottom: 20px; width: 100%; display: block;}
.sup-cont span i{ width: 6px; height: 6px; background: #F57F01; display: block; float: left;  border-radius: 50%; margin-top: 10px; margin-right: 10px;}
.superiority ul li:last-child .sup-img{ position: absolute; bottom: 0px;}
.superiority ul li:last-child .sup-cont{ padding-left: 15%;}
.sup-two{ margin-top: 50px;}
.sup-foot { width: 100%; height: 190px; margin-top: 60px;}
.sup-foot .sup-footl{ width: 50%; height: 100%; overflow: hidden;}
.sup-footl img{ width: 100%;}
.sup-foot .sup-footr{ width: 50%; background: #F57F01; height: 100%; padding-left: 82px; padding-top: 66px; box-sizing: border-box;}
.sup-footr p{ font-size: 18px; line-height: 30px; color: #fff;}
.sup-footr p span{ font-size: 30px; font-weight: bold;}
.sup-footr p span:last-child{ color: #333;}
/* pinzhi */
.qualitylist{ width: 100%; display: inline-block;}
.qualitylist ul{ padding: 0px 40px; box-sizing: border-box;}
.qualitylist ul li{ width:33.3%; position: relative; float: left; height: 584px;}
.qualitylist ul li .qua-img,.qualitylist ul li .qua-cont{ width: 100%; height: 292px; overflow: hidden;}
.qualitylist ul li .qua-img img{ width: 100%; min-height: 100%;}
.qualitylist ul li .qua-cont{ padding: 40px 15px; box-sizing: border-box;}
.qua-cont p span{ font-size:24px;}
.qua-cont p:first-child { margin-bottom: 10px;}
.qua-cont p{ line-height: 30px; }
.qualitylist ul li:hover .qua-img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease; }
.qualitylist ul li:nth-child(2) .qua-img{ position: absolute; bottom: 0px;}
.quatwo{ margin-top: 50px; margin-bottom: 40px;}
.qua-fiv{ display: inline-block; margin-top: 20px;}
.qua-fiv{ width: 100%; padding: 0px 36px; box-sizing: border-box;}
.qua-fiv .fiv-tit,.qua-fiv .fiv-img{ width: 50%; height: 428px; overflow: hidden;}
.qua-fiv .fiv-tit{padding: 145px 165px; box-sizing: border-box; }
.qua-fiv .fiv-img img{ width: 100%;}
.qua-fiv .fiv-tit p{ line-height: 60px;}
.qua-fiv .fiv-tit p span{ font-size: 24px; margin-right: 30px; line-height: 60px; height: 100%;}
.qua-fiv .fiv-tit p:first-child{ border-bottom: 2px solid #f58001;}
.six-qua{ margin-top: 52px; display: inline-block;}
.six-qua .quatwo-six{ width: 45%; float: left;}
.six-qua .quatwo-six:first-child{ margin-right: 7.5%;}
.six-qua .quatwo-six .six-img{ width: 42%; height: 180px; overflow: hidden;}
.quatwo-six .six-img img{ width: 100%; min-height: 100%;}
.quatwo-six  .six-title{ width: 54%;} 
.six-title p:last-child{ line-height: 24px; margin-top: 5px;}
.six-title p:first-child span{ font-size: 24px; line-height: 70px; float: right;}
.six-title p:first-child{ height: 70px; }
.six-title p{ width: 100%;}
.six-title p:nth-child(2){ display: inline-block;}
.six-title i{ width: 120px; height: 2px; background: #f58001; display: block; float: right;}
.pro-list{ display: inline-block; margin-bottom: 30px; width: 100%;}
.pro-list ul li{ width: 9.4%; margin-right: 5px; height: 35px; line-height: 35px; border: 1px solid #ebebeb; float: left;color: #000; overflow: hidden; position: relative; }
.pro-list ul li:nth-child(10){ margin-right: 0px;}
.pro-list ul li img{ width: 100%; opacity: 0.4; min-height: 100%; }
.pro-list ul li p{ box-sizing: border-box; text-align: center; line-height: 35px; color: #000; /* font-size: 30px; */ font-weight: bold;}
.pro-list ul li:hover{ background: #f58001;}
.pro-list ul li:hover p{ color: #fff;}
.pro-list ul li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease; }
/* .showCaseTab{ height:auto; overflow:hidden; position:relative; width: 80%; margin: auto; margin-top: 40px;}
.showCaseTab .bd{ width:100%; height: 540px; overflow: hidden;}
.showCaseTab .bd li{ width:100%; height: 530px; overflow: hidden;}
.showCaseTab .bd li img,.showCaseTab .hd ul li img{ width:100%;}
.showCaseTab .hd{ width:100%; overflow: hidden;}
.showCaseTab .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
}
.showCaseTab .hd ul li{ width:170px; margin-right: 10px; height: 106px; float: left; overflow: hidden; text-align: center;}
.showCaseTab .hd ul li.on{ border:2px solid #f58001;}
.showCaseTab .hd ul li img{ width: 100%; min-height: 100%; } */
.wapstyle,.nav-icons{ display: none;}

.show-erweima{ width:66%; background:rgba(255,255,255,0.9); margin:auto; padding:2rem; text-align:center; border-radius:0.6rem; padding-bottom:1rem; position:fixed; bottom:20%; display:none; left:10%; z-index:9}
.show-erweima img.ewm{ width:auto; max-width:100%; height:auto}
.show-erweima .txt{ line-height:2rem; color:#0D0D0D; font-size:100%}
.show-erweima .txt span{ padding:5px 10px; background:#202D4F; color:#fff}
.show-erweima .txt span a{ color:#fff}
.show-erweima .txt .wx{ width:8%; margin-right:5px; display:inline-block }
.show-erweima .closed{ position:absolute; right:5px; top:5px; z-index:10; width:30px; height:25px; padding-top:5px; text-align:center; color:#fff; border-radius:50%; background:#373737;}
.footer_float {height:auto; overflow:hidden; background:#3D3C3A; color:#fff; width:100%; position:fixed; z-index:9999; left:0; bottom:0; display:none}
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:0.6rem 0;  width:24%; line-height:2rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none; border-right: none;}
.footer_float ul li{ border-right: 1px solid rgba(255,255,255,0.4)}

.project_caseTab{ position:relative; overflow:hidden;}
.project_caseTab .bigProject{position:relative; overflow:hidden; margin-top: 30px;}
.project_caseTab .bigProject  .swiper-slide{ position:relative; height:798px; overflow:hidden}
.project_caseTab .bigProject  .swiper-slide img{ width:100%; height:auto;}
.project_caseTab .bigProject  .swiper-slide .text{ width:50%; position:absolute; left:25%; top:30%; z-index:2; background:rgba(0,130,192,0.64); color:#ffffff; padding:50px 0;}
.project_caseTab .bigProject  .swiper-slide .text h3{ width:43%; font-family: 'OpenSans'; margin:auto; line-height:42px; text-align:center; border:2px solid #ffffff; font-size:20px;}
.project_caseTab .bigProject  .swiper-slide .text p{ line-height:30px; padding:0 20%; padding-top:30px; font-size:18px;}
.project_caseTab .smallProject { margin-top: 30px;}
.project_caseTab .smallProject .case_sama .case_tumb {width: 100%;height: 168px;margin-left: auto;margin-right: auto; overflow: hidden;}
.project_caseTab .smallProject .case_sama .case_tumb img{ width: 100%; min-height: 100%;}
.project_caseTab .smallProject .swiper-slide-active  img{ transform: none; transition: none; }
.project_caseTab .smallProject p{ width: 100%; height: 50px; line-height: 50px;  text-align: center; color: #fff; display: block; background: #4094f3; }
.project_caseTab .swiper-button-prev:after{line-height: inherit; font-family:inherit; content: url(../images/qiehau1.png); }
.project_caseTab .swiper-button-next:after{ line-height: inherit; font-family:inherit; content: url(../images/qiehau.png); }

.v9_pages a{ display: inline-block; margin-bottom: 3px;}
@media screen and (max-width:1880px)
{
	.six-title p:first-child img{ width: 42%;}
	 .qua-fiv .fiv-tit{ padding: 145px 147px;}
	.qua-fiv .fiv-tit p:first-child img{ width: 42%;}
}
@media screen and (max-width:1800px)
{
  .brand-hui span{ font-size: 14px;}
  .qua-fiv .fiv-tit p:first-child img{ width: 40%;}
  .qua-fiv .fiv-tit{ padding: 145px 120px;}
  .six-title p:first-child img{ width: 38%;}
  .qua-cont p:first-child img{ width: 30%;}
   .coop-foot{ font-size: 12px;}
   .pro-list ul li{ width: 9.2%;}
   .pro_bd ul li{ width: 31%;}
}
@media screen and (max-width:1600px)
{
	.qua-fiv .fiv-tit{ padding: 145px 100px;}
	.six-title p:first-child span{ font-size: 22px;}
  .honorlist ul li{height: 322px;}
  .aptitude ul li{ height: 376px;}
  .brand-hui span{ font-size: 16px;}
 
}
@media screen and (max-width:1580px)
{
.qua-fiv .fiv-tit{ padding: 145px 94px;}
}
@media screen and (max-width:1500px)
{
.nei_banner{ height: 260px;}
  .honorlist ul li{height: 300px;}
  .aptitude ul li{ height: 341px; margin-right: 2.1%;}
.qua-fiv .fiv-tit{ padding: 145px 82px;}
.six-title p:first-child span{ font-size: 20px;}
.six-title p:last-child{ font-size: 16px;}

}
@media screen and (max-width:1440px)
{
.qua-fiv .fiv-tit{ padding: 145px 72px;}

}
@media screen and (max-width:750px)
{
	.brand-list{ margin-top: 0px;}
	.superiority ul li .sup-cont{padding-top: 0px;}
	.sup-cont p{ margin: 15px 0px;}
	.sup-cont span{ margin-bottom: 10px;}
	.superiority ul li:last-child .sup-cont{ padding-left: 0px;}
	.sup-two{ margin-top: 15px;}
	.sup-cont p i{ font-size: 16px;}
.brand-hui i:nth-child(1),.brand-hui i:nth-child(3){width: 16%;}
.brand-hui span{width: 65%;  font-size: 12px;}
.catpos p:nth-child(2){ width: 80%;}
/* .brand-video{ float: inherit;} */
.brand-video{width: 100%;height: auto; }
.showvideo{ height: 200px;}
.brand-neirong{width: 100%; float: inherit;}
.haunjing .sPrev{ z-index: 10;}
.superiority ul li{ width: 100%; height:auto;}
.superiority ul{ padding: 0px;}
.superiority ul li .sup-cont{padding-left: 0px;}
.superiority ul li:last-child .sup-img{ position: inherit;}
.superiority ul li .sup-img{height: 190px;}
.sup-foot .sup-footl,.sup-foot .sup-footr{ width: 100%;}
.sup-foot .sup-footr{padding: 10px;}
.sup-footr p{font-size: 14px;}
.sup-footr p span{ font-size: 24px;}
.sup-foot{height: 100px;}
.honorlist ul,.aptitude ul{padding: 0px;}
.honorlist ul li{ width: 48%;}
.honorlist ul li:nth-child(2n){ margin-right: 0px;}
.honorlist ul li{height: 206px;}
.enviroment{ margin-top: 20px;}
.aptitude ul li{ width: 48%; height: 240px; margin-right: 1.5%;}
.aptitude ul li:nth-child(2n){ margin-right: 0px;}
.cooperation ul li{width: 48%; margin-bottom: 10px;}
.cooperation ul li .coop-img img{ padding-top: 20%;}
.cooperation ul li:nth-child(2n){ margin-right: 0px;}
.cooperation ul li .coop-img{ height: 120px;}
.cooperation ul li .coop-shuzi{left: 36%;top: 23%;}
.coop--cont span{font-size: 14px;padding-left: 4%;}
.coop--cont p{font-size: 20px; margin-bottom: 0px;}
.cooperation ul li .coop--cont{ height: 188px;}
.cooperation ul li:last-child{ width: 100%;}
.cooperation ul li:last-child .coop-img img{padding-top:3%;  width: 20%;}
.cooperation ul li:last-child  .coop-shuzi{  left: 40%;}
.cooperation ul li:last-child .coop--cont{ padding: 40px 0px;height: 210px;}
.qualitylist ul{ padding: 0px;}
.qualitylist ul li{width: 100%;}
.qualitylist ul li:nth-child(2) .qua-img{ position: inherit;}
.qualitylist ul li .qua-cont{ padding: 10px;}
.qualitylist ul li .qua-img{ height: auto;}
.qualitylist ul li{ height: auto;}
.qualitylist ul li .qua-cont{ height: auto;}
.qua-fiv .fiv-tit, .qua-fiv .fiv-img{width: 100%;}
.qua-fiv .fiv-tit{ padding: 10px;}
.qua-fiv .fiv-tit{ height: 140px;}
.qua-fiv .fiv-img{height: 224px;}

.qua-fiv .fiv-tit p:first-child img{width: 32%;}
.qua-fiv{ padding: 0px;}
.qua-fiv .fiv-tit p span{ margin-right: 18px;}
.six-qua .quatwo-six{ width: 100%; margin-bottom: 14px;}
.six-title p:first-child span{font-size: 18px; width: 100%;}
.six-title i{float: left;}
.six-title p:first-child span{ line-height: 45px;}
.six-title p:last-child { font-size: 14px;}
.six-qua .quatwo-six .six-img{height: 245px;}
.quatwo-six .six-img img{height: 100%; width: auto;min-height: auto;}
.honorlist ul li,.aptitude ul li{margin-bottom: 15px;}
.cooperation ul li .coop--cont{ padding: 25px 0px;}
}