.banner {position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative;overflow: hidden;height: 718px;}
.banner .img{width: 100%;height: 718px;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.banner .imgApp{display: none;}
.banner .imgApp{width: 100%;overflow: hidden;}
.banner .imgApp img{width: 100%;-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}

.banner .titBan{position: absolute;left: 0;top:130px;width: 100%;}
.banner .titBan .ani{width: 500px;}
.banner .titBan h3,.banner .titBan p{color: #fff;text-shadow: 3px 4px 9px rgba(0,0,0,0.19);}
.banner .titBan h3{font-size: 70px;line-height: 80px;font-weight: bold;}
.banner .titBan p{font-size: 26px;line-height: 50px;}
.banner .titBan a{display: inline-block;background: #fff;padding:12px 20px;padding-right: 18px;font-size: 14px;line-height: 16px;color: #858585;margin-top: 58px;border-radius: 25px;}
.banner .titBan a img{display: inline-block;width: 16px;margin-left: 35px;}


@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}

.scaleBigToSmall{-webkit-animation-name:scaleBigToSmall;-moz-animation-name:scaleBigToSmall;-o-animation-name:scaleBigToSmall;animation-name:scaleBigToSmall;transform-origin:50% 50%;}
.banner .img{width:100%;height: 100%;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}

.banner .swiper-slide-active .imgApp img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.swiperBtn{position: absolute;left: 0;bottom: 95px;width: 100%;z-index: 20;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;}
.swiper-button-next, .swiper-button-prev{position: static;display: inline-block;margin-right: 11px;background-image: none;}
.swiper-button-next img, .swiper-button-prev img{width: 26px;}
/*以上是banner*/



.title{padding-top: 55px;margin-bottom: 48px;}
.title .titF{float: left;}
.titF{color: #162448;}
.titF h3{font-size: 40px;line-height: 50px;font-weight: bold;}
.titF p{font-size: 14px;line-height: 22px;text-transform: uppercase;font-family: 'gotham';}
.title .more{float: right;padding-top: 16px;}
.more{width: 132px;}
.more a{display: block;width: 100%;text-align: center;font-size:14px;line-height: 24px;color: #fff;background: #2081eb;padding: 6px 0; }
.more a img{width: 24px;margin-right: 8px;}

/*产品链*/
.inProduct{background: #f9f9f9;padding-bottom: 105px;}
.inProduct .tab{margin-bottom: 37px;}
.inProduct .tab li{float: left;width: 10.56%;margin-right:0.62%;background-color: #fff;text-align: center;padding-top: 34px;padding-bottom: 30px;background-position: left top;background-repeat: no-repeat;background-size: 100% 100%;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;transition: all 0.2s linear;cursor: pointer; }
.inProduct .tab li:last-child{margin-right: 0;}
.inProduct .tab li .icons img{display: block;width:50px;height: 50px;margin: 0 auto; }
.inProduct .tab li .icons img.iconH{display: none;}
.inProduct .tab li p{font-size: 18px;line-height: 24px;height: 24px;color: #000;margin-top: 12px;}
.inProduct .tab li.on,.inProduct .tab li:hover{background-image:url("../images/chain_tabbg.jpg"); }
.inProduct .tab li.on .icons img.icon,.inProduct .tab li:hover .icons img.icon{display: none;}
.inProduct .tab li.on .icons img.iconH,.inProduct .tab li:hover .icons img.iconH{display: block;}
.inProduct .tab li.on p,.inProduct .tab li:hover p{color: #fff;}
.inProduct .tab-list{display: none}
.inProduct .tab-list.active{display: block;}
.inProduct .tab-con{}
.inProduct .chainCon{padding-bottom: 20px;}
.inProduct .chainCon .inPro-intro,.inProduct .chainCon .inPro-detail{float: left;height: 586px;}
.inProduct .chainCon .inPro-intro{width: 385px;background-image: url("../images/inpro_introbg.jpg");background-position: left top;background-repeat: no-repeat;background-size: 100% 100%;position: relative;}
.inProduct .chainCon .inPro-detail{width:1175px; }

.inProduct .chainCon .inPro-intro .intro{padding: 38px 50px 0 50px;color: #fff;position: relative;z-index: 10;}
.inProduct .chainCon .inPro-intro h3{font-size: 36px;line-height: 46px;font-weight: bold;margin-bottom: 15px;}
.inProduct .chainCon .inPro-intro p{font-size: 14px;line-height: 22px;text-align: justify;}
.inProduct .chainCon .inPro-intro a{display: inline-block;font-size: 16px;line-height: 16px;color: #fff;padding-bottom: 12px;border-bottom: 2px solid #fff;margin-top: 86px;}
.inProduct .chainCon .inPro-intro a img{display: inline-block;width: 16px;height: 16px;margin-left: 52px;}

.inProduct .chainCon .inPro-intro .iconImg{margin-top: 110px;}
.inProduct .chainCon .inPro-intro .iconImg img{width: 76px;}

.inProduct .chainCon .inPro-intro .bgIcon,.inProduct .chainCon .inPro-intro .bgRec{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;}
.inProduct .chainCon .inPro-intro .bgIcon{background-position: right -60px center;background-size: 235px auto;filter:alpha(opacity=5);opacity: 0.05;}
.inProduct .chainCon .inPro-intro .bgRec{background-image: url("../images/inpro_recbg.png");background-position: bottom 35px center;background-size: 100%;}


.inProduct .chainCon .inPro-detail li{float: left;width: 482px;height: 293px;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;}
.inProduct .chainCon .inPro-detail li.first{width:690px;height: 586px; }
.inProduct .chainCon .inPro-detail li .mes{padding:34px 30px;color:#4c4c4c; }
.inProduct .chainCon .inPro-detail li.first .mes{padding:34px 46px;}
.inProduct .chainCon .inPro-detail li h3{font-size: 22px;line-height: 34px;height: 34px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inProduct .chainCon .inPro-detail li.first h3,.inProduct .chainConThr .inPro-detail li h3{font-size: 26px;}
.inProduct .chainCon .inPro-detail li p{font-size: 14px;line-height: 24px;margin-bottom: 32px; }
.inProduct .chainCon .inPro-detail li a{display:inline-block;font-size: 14px;line-height: 16px;color: #2081eb;}
.inProduct .chainCon .inPro-detail li a img{display:inline-block;width: 16px;height: 16px;margin-left: 25px;}

.inProduct .chainConTwo .inPro-detail li{height: 586px;}
.inProduct .chainConThr .inPro-detail li{width: 100%;height: 586px; }


/*走进华科电气*/
.inAbout{background-image: url("../images/inabout_bg.jpg");background-repeat: no-repeat;background-position: center right;background-size: 100% auto;}

.inAbout .profile{width: 628px;font-size: 14px;line-height: 26px;color: #535353;margin-bottom: 75px;}
.inAbout .aboutLink{width:800px;}
.inAbout .aboutLink li{float: left;width: 326px;margin-right: 36px;padding: 26px 0;border-top: 0px solid #adadad;border-bottom: 1px solid #adadad;}
.inAbout .aboutLink li a{display: block;position: relative;padding-left: 50px;}
.inAbout .aboutLink li img{width: 36px;position: absolute;left: 0;top:50%;margin-top: -18px;}
.inAbout .aboutLink li h3{font-size: 20px;line-height: 28px;color: #000;}
.inAbout .aboutLink li p{font-size: 14px;line-height: 22px;color: #535353;}
.inAbout .aboutLink li:hover h3{color: #2081eb;}
.inAbout .inAbout-list{margin-top: 170px;padding-bottom: 105px;}
.inAbout .inAbout-list li{float: left;width: 25%;position: relative;text-align: center;}
.inAbout .inAbout-list li .mes{padding: 0 80px;}
.inAbout .inAbout-list li:after{content: "";position: absolute;right: 0;top:0;width: 2px;height: 100%;background-image: url("../images/inaout_listbg.png");background-position: center center;background-repeat: no-repeat;background-size: 100%;}
.inAbout .inAbout-list li:last-child:after{width: 0;background: none;}
.inAbout .inAbout-list li em{display: block;font-size: 30px;line-height: 90px;color:#162348;font-family: 'DINCond-Bold';margin-bottom: 19px; }
.inAbout .inAbout-list li p{font-size: 14px;line-height: 22px;color:#535353; }

/*公司服务*/
.inService{background-image: url("../images/inservice_bg.jpg");background-repeat: no-repeat;background-position: center top;background-size: cover;padding-bottom: 30px;}
.inService .service-list{margin-bottom: 55px;}
.inService .service-list li{float: left;width: 25%;padding: 9px 0;position: relative;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;transition: all 0.2s linear;}
.inService .service-list li a{display: block;}
.inService .service-list li .bg{position: absolute;right: 0;bottom: 0;filter:alpha(opacity=29);opacity: 0.29;}
.inService .service-list li .bg img{display: block;width: 210px;}
.inService .service-list li .bg img.imgBgH{display: none;}

.inService .service-list li .con{padding: 60px 32px;background-image: url("../images/inser_bg.png");background-repeat: no-repeat;background-position: right 30px center;background-size: 45%;box-shadow: 0 0 38px rgba(147,147,147,0.10);background-color: #fff;}

.inService .service-list li .titN{font-size: 22px;line-height: 46px;color: #113e82;padding-left: 60px;position: relative;padding-bottom: 17px;margin-bottom: 20px;}
.inService .service-list li .titN:after{content: "";position: absolute;left: 0;bottom: 0;width: 54px;height: 1px;background: #e2e2e2;}
.inService .service-list li .titN img{width: 45px;position: absolute;left: 0;top:0;}
.inService .service-list li .titN img.imgH{display: none;}

.inService .service-list li p{width:100%;font-size: 14px;line-height: 22px;color: #848484;height: 44px;overflow: hidden;}
.inService .service-list li:hover .con{background-color: transparent;box-shadow: none;;background-image: url("../images/inser_bg2.png");}
.inService .service-list li:hover{background-color: #2081eb;box-shadow: 0 0 38px rgba(147,147,147,0.10);border-radius: 5px;padding: 9px 0;}
.inService .service-list li:hover .titN,.inService .service-list li:hover p{color: #fff;}

.inService .service-list li .bg{filter:alpha(opacity=10);opacity: 0.10;}
.inService .service-list li:hover .bg img.imgBg{display: none;}
.inService .service-list li:hover .bg img.imgBgH{display: block;}
.inService .service-list li:hover .titN img.img{display: none;}
.inService .service-list li:hover .titN img.imgH{display: block;}

.inService .titCase{margin-top: 22px;position: relative;}
.inService .titCase h3{font-size: 22px;line-height: 34px;color: #000;}
.inService .titCase a{position: absolute;right: 0;bottom: 0;display: block;font-size: 16px;line-height: 20px;color: #000;filter:alpha(opacity=50);opacity: 0.50;}
.serviceCase{margin-top: 30px;background: #fff;}
.serviceCase li{float: left;width: 12.1%;padding: 20px 0.2%;text-align: center;overflow: hidden;}
.serviceCase li a{display: block;text-align: center;}
.serviceCase li img{height: 56px;}
.serviceCase li p{font-size: 12px;line-height: 18px;height: 18px;color: #999;margin-top: 6px;overflow: hidden;}
.serviceCase li:hover p{color: #2081eb;}

/*新闻*/
.news-list{padding-bottom: 46px;}
.news-list li{float: left;width: 32%;margin-right: 2%;margin-bottom: 25px;}
.news-list li:nth-child(3n){margin-right: 0;}
.news-list li a{display: block;}
.news-list li .img{overflow: hidden;}
.news-list li .img img{width: 100%;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; ;transition: all 0.4s linear;}
.news-list li .{margin-top: 25px;}
.news-list li .mes h3{font-size: 20px;line-height: 32px;height: 32px;color: #000;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 11px;}
.news-list li .mes p,.news-list li .mes span{font-size: 14px;line-height: 20px;color: #707070;}
.news-list li .mes p{height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news-list li .mes span{display: block;margin-top: 20px;}
.news-list li:hover .img img{-moz-transform:scale(1.02,1.02);  -webkit-transform:scale(1.02,1.02);  -o-transform:scale(1.02,1.02);  transform: scale(1.02,1.02);}


.inProduct .chainConThr .inPro-detail li.first {
    width: 100%;
    height: 586px;
}