
.banner{}
.swiper-banner{}
.banner .slide-item{position: relative;position: relative;
    overflow: hidden;}
.banner .slide-item img{width: 100%;
animation: myshow 4s;
    -moz-animation: myshow 4s;	/* Firefox */
    -webkit-animation: myshow 4s;	/* Safari 和 Chrome */
    -o-animation: myshow 4s;}

@keyframes myshow{
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}


.banner .slide-item .txt{color: #fff;position: absolute;left: 0;top: 20%;right: 0;}
.banner .slide-item .txt h3{font-size: 46px;}
.banner .slide-item .txt p{font-size: 14px;margin-top: 20px;}


.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{
	background-image:url('../img/arrow-left.png');
	left: 5%;right: auto;width: 52px;height: 52px;background-size:100% auto;
}
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{
	left: auto;right: 5%;width: 52px;height: 52px;background-size:100% auto;
	background-image:url('../img/arrow-left.png');transform: rotate(180deg);
}



.titIn{padding-bottom: 30px;}
.titIn h2{font-size: 26px;color: #333;font-weight: bold;margin: 0;display: inline-block;}
.titIn a{float: right;margin-top: 5px;}
.titIn a text,.titIn a img{display: inline-block;vertical-align: middle;}
.titIn a text{font-size: 14px;color: #ccc;margin-right: 14px;}
.titIn a img{width: 7px;height: 12px;}

.solution{padding: 70px 0 50px 0;}
.news{padding: 70px 0 50px 0;}

/* 解决方案 */
.solution{}
.solurow {margin-right: -12px;margin-left: -12px;}
.solurow .col-lg-7,.solurow .col-lg-5{padding-left: 12px;padding-right: 12px;float: left;}
.solurow .col-lg-5{width: 45%;}
.solurow .col-lg-7{width: 55%;}

.solulistrow{margin-right: -8px;margin-left: -8px;}
.solulistrow .col-lg-6{opacity: 0;padding-left: 8px;padding-right: 8px;left: -80px;position: relative;}
.solulist{position: relative;cursor: pointer;margin-bottom: 16px;text-align: center;border: 1px solid #f2f2f2;}
.solulist-in{padding: 23px 0;}
.solulist h4,.solulist-hov h4{font-size: 20px;color: #333;margin-top: 0;}
.solulist p{font-size: 14px;color: #ccc;}
.solulist img{width: 83px;height: 83px;margin-top: 10px;}
.solulist:hover .solulist-hov{opacity: 1;}
.solulist-hov{opacity: 0;position: absolute;width: 100%;left: 0;top: 0;background: url("../img/solution-bg.png") no-repeat;background-size: 100% auto;height: 100%;}
.solulist-hov h4{color: #fff;margin-bottom: 50px;}
.solulist-hov .hov-sign{margin: 0 auto;width: 50%;text-align: center;}
.solulist-hov .hov-sign text{line-height: 30px;font-size: 14px;color: #fff;}

.swiper-solution{}
.solution-item{position: relative;}
.solution-item .txt{position: absolute;width: 40%;top: 50%;left: 5%;transform: translate(0, -50%);}
.solution-item .txt h3{margin-bottom: 40px;font-size: 20px;color: #fff;font-weight: bold;}
.solution-item .txt p{line-height: 26px;font-size: 14px;color: #fff;opacity: 0.5;}
.solution-item .txt a{margin-top: 80px;display: inline-block;}
.solution-item .txt text,.solution-item .txt img{display: inline-block;vertical-align: middle;}
.solution-item .txt text{margin-right: 14px;color: #fff;opacity: 0.5;}
.solution-item .txt img{width: 6px;height: auto;transform: rotate(180deg);opacity: 0.8;}

.swiper-solution .swiper-button-next, .swiper-solution .swiper-button-prev{bottom: 0;top: auto;background-size:8px 14px;width: 60px;height: 50px;z-index: 10;opacity: 1;}
.swiper-solution .swiper-button-prev,.swiper-solution .swiper-container-rtl .swiper-button-next{background-image:url('../img/turn-left.png');background-color: rgba(22,89,154,0.8);left: auto;right: 60px;}
.swiper-solution .swiper-button-next, .swiper-solution .swiper-container-rtl .swiper-button-prev{background-image:url('../img/turn-left.png');transform: rotate(180deg);background-color: #333;right: 0;}

.sol-item-img{position: relative;}
.sol-item-img img{width: 100%;height: 420px;}
.sol-item-img:after{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: url("../img/showdow.png") no-repeat;background-size: auto 100%;}


/* 关于我们,工程案例 */
.rowTwo{margin-right: -20px;margin-left: -20px;}
.rowTwo .col-lg-5,.rowTwo .col-lg-7{padding-left: 20px;padding-right: 20px;}
.rowTwo .col-lg-5{width: 40%;}
.rowTwo .col-lg-7{width: 60%;}

.about{position: relative;left: -200%;}
.aboutIn{}
.aboutIn video{width: 100%;}
.aboutIn p{font-size: 14px;color: #999;line-height: 26px;}
.aboutnum{}
.aboutnum ul{text-align: center;font-size: 0;}
.aboutnum ul li{width: 33.33%;display: inline-block;}
.aboutnum ul li span{font-size: 14px;color: #16599a;}
.aboutnum ul li span.counter-value{font-size: 30px;font-weight: bold;color: #16599a;}

.project{position: relative;right: -150%;}
.swi-pro .swiper-button-next, .swi-pro .swiper-button-prev{background-size:100% auto;width: 15px;height: 28px;margin-top: -46px;}
.swi-pro .swiper-button-prev,.swi-pro .swiper-container-rtl .swiper-button-next{background-image:url('../img/pro-right.png');transform: rotate(180deg);}
.swi-pro .swiper-button-next, .swi-pro .swiper-container-rtl .swiper-button-prev{background-image:url('../img/pro-right.png');}
.swi-pro img{width: 100%;}

.projectIn{}
.pro-item{}
.pro-item-img{position: relative;overflow: hidden;cursor: pointer;}
.pro-item-img:after{opacity: 0;content: '';position: absolute;left: 0;
top: 0;width: 100%;height: 100%;
background-color: rgba(0,0,0,0.5);background-image: url("../img/ico-add.png");background-size:34px 34px;background-repeat:no-repeat;background-position: center;
transition: all 0.5s ease-in-out;transform: scale(1.5);
-webkit-transition: all 0.5s ease-in-out;}
.pro-item .txt{font-size: 14px;color: #333;}
.pro-item:hover .pro-item-img:after{opacity: 1;transform: scale(1);}


/* 新闻咨询 */
.newsrow {margin-right: -25px;margin-left: -25px;}
.newsrow .col-lg-7,.newsrow .col-lg-5{width: 50%;padding-left: 25px;padding-right: 25px;}
.newsul{text-align: center;cursor: pointer;}
.newsul li{padding-bottom: 4px;margin: 0 30px;font-size: 20px;color: #999;display: inline-block;}
.newsul li.act{color: #16599a;border-bottom: 1px solid #16599a;}
.newsul li:hover{color: #16599a;}

.newscon{}
.newscon-li{position: relative;padding-right: 74px;margin-top: 30px;cursor: pointer;
left: -200%;opacity: 0;}
.newscon-li h5{font-size: 18px;color: #666;font-weight: normal;}
.newscon-li p{font-size: 14px;color: #999;}
.newscon-li .date{position: absolute;right: 0;top: 0;padding: 0 10px;}
.newscon-li .date span{color: #ccc;font-size: 18px;display: block;text-align: center;}
.newscon-li .date span:nth-child(2){font-size: 14px;}
.newscon-li .date:before{content: '';position: absolute;left: 0;top: 10%;width: 1px;height: 80%;background: #ccc;   }
.newscon-li:hover h5,.newscon-li:hover .date span{color: #16599a;}
.newscon-li:hover{margin-left: 20px;}

.swiper-news{opacity: 0;}
.swiper-news img{width: 100%;}
.swiper-news .news-item{position: relative;}
.swiper-news .txt{position: absolute;left: 0;bottom: 0;
width: 100%;background: rgba(0,0,0,0.7);}
.swiper-news .txt p{margin: 0;font-size: 14px;color: #fff;padding: 10px 100px 10px 10px;}

.swiper-news .swiper-pagination{text-align: right;}
.swiper-news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-news .swiper-pagination-custom, .swiper-news .swiper-pagination-fraction{left: auto;right: 10px;}
.swiper-news .swiper-pagination-bullet{color: #fff;opacity: 0.5;}
.swiper-news .swiper-pagination-bullet-active {background: #fff;opacity: 1;}



@media screen and (max-width:1200px){
	.banner .slide-item .txt h3 {font-size: 30px;}
	.banner .slide-item .txt{left: 10%;}
	.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{left: 2%;}
	.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{right: 2%;}
	.solulist-in{padding: 10px 0;}
	.solulist-hov h4{margin-bottom: 20px;}
	.solulist h4, .solulist-hov h4 {font-size: 18px;}
	.solulist-hov .hov-sign{width: 90%;}
	.solulist img{margin-top: 0;}
	.solulist p{margin-bottom: 8px;}
	
	.rowTwo .col-lg-5,.rowTwo .col-lg-7{width: 100%;}
	.aboutIn{width: 60%;margin: 0 auto 50px;}
	
	
	.newsul li{font-size: 18px;}
	.newscon-li h5{font-size: 16px;}
	.newsrow{margin-left: -10px;margin-right: -10px;}
	.newsrow .col-lg-7, .newsrow .col-lg-5{padding-left: 10px;padding-right: 10px;}
	.newscon-li{margin-top: 18px;}
	
	.sol-item-img img{height: 340px;}
}

@media screen and (max-width:991px){
	.titIn h2{font-size: 22px;}
	.solurow .col-lg-5,.solurow .col-lg-7{width: 100%;}
	.swiper-solution,.aboutIn,.swiper-news{width: 700px;}
	.solulistrow .col-lg-6{width: 50%;float: left;}
	.newsrow .col-lg-7{margin-top: 30px;}
}

@media screen and (max-width:768px){
	.titIn h2{font-size: 20px;}
	.swiper-solution,.aboutIn,.swiper-news{width: 100%;}
	.banner .slide-item .txt h3{font-size: 18px;}
	.banner .swiper-button-next,.banner .swiper-button-prev{margin-top: -17px;width: 34px;height: 34px;}
	
	.pro-item .txt h4{font-size: 16px;}
	.news{padding: 50px 0;}
	.solution-item .txt h3{font-size: 16px;margin-bottom: 20px;}
	.solution-item .txt a{margin-top: 20px;}
	.newsul li{font-size: 16px;margin: 0 15px;}
	.aboutnum ul li{vertical-align: top;}
}
	
@media screen and (max-width:414px){
	.banner .slide-item .txt{display: none;}
	.banner .slide-item{overflow: hidden;}
	.banner .slide-item img{width: 150%;margin-left: -25%;}
	
	.solution{padding: 30px 0;}
	.solulistrow .col-lg-6{width: 100%;}
	/* .solution-item .txt,.sol-item-img:after{display: none;} */
	.newsul li{margin: 0 10px 0 0;}
	.newsul li:last-child{margin: 0;}
	.newscon-li h5{font-size: 14px;line-height: 22px;}

	.sol-item-img img{width: 369px; height: auto;}
}