@charset "utf-8";
/* CSS Document */


/*banner*/
.banner{margin-top:80px;}
.banner img {width:100%;display:block;}
.banner	.swiper-pagination {left:auto;right:7px;bottom:7px;width:auto;padding:2px 7px;border-radius:10px;color:#fff;background:rgba(0,0,0,.3);}

/*pro*/
.pro ul, .pro ul li, .pro ul li .proImg img{width:100%; float:left;}
.pro ul li{padding:15px 0px; border-bottom:1px solid #ddd;}
.pro ul li:last-child{padding-bottom: 0px; border-bottom:0px;}
.pro ul li .proImg{width:20%;}
.pro ul li .proText{width:75%;}
.pro ul li .proText .title{font-size:16px; font-weight: bold; margin-top:14px;}
.pro ul li .proText .title img{width:20px; float:right;}
.pro ul li .proText .summary{font-size:14px; line-height: 40px;}
.pro ul li .proInfo{width:calc(100% - 30px); padding:5px 15px; background:url("../images/proBg.png") no-repeat; background-size:100%; height:140px;display: none;}
.pro ul li:nth-child(1) .proInfo,.pro ul li:nth-child(4) .proInfo,.pro ul li:nth-child(5) .proInfo{padding:15px 15px; height:120px;}
.pro ul li .proInfo .title{color:#333; line-height: 30px;}
.pro ul li .proInfo .title span{font-size:16px; color:#0033a0; padding-right:10px;}
.pro ul li .proInfo .summary{font-size:12px; color:#999; line-height: 20px;}
.pro ul li .proInfo .more a{color:#0033a0;font-weight: bold;}


/*client*/
.client{padding-bottom:30px;}
.clientTab{border-bottom:1px solid #ddd;}
.clientTab .swiper-slide{float:left; font-size:16px;color:#333; line-height: 45px; text-align: center;}
.clientTab .swiper-slide-thumb-active{ display: block; color:#0033a0; font-weight: bold; border-bottom:1px solid #0033a0;}

.swiper-container-h .swiper-slide{ width:100%;float:left;}
.swiper-container-h .swiper-slide .clientList { width:48%;float:left; background: url("../images/caseBg.png") no-repeat; background-size:100%; height:220px;}
.swiper-container-h .swiper-slide .clientList:nth-child(2n){float:right;}
.swiper-container-h .swiper-slide .clientList .img img{ width:60%; margin-top:10px;}
.swiper-container-h .swiper-slide .clientList .title{font-size:14px;margin-top:15px;}
.swiper-container-h .swiper-slide .clientList .summary{width:90%; padding:0px 5%; font-size:12px; line-height: 22px; margin-top:10px;}

.swiper-container-logo, .swiper-container-logo .swiper-container{ width: 100%; float:left;}
.swiper-container-logo .swiper-container .swiper-slide{width:33.33%; float:left; text-align: center;}
.swiper-container-logo img{width:100px;}

/*advantage*/
.advantage{background: url(../images/advantageBg1.png) no-repeat; background-size:100%; height:250px; color:#fff;}
.advantage ul{ width:80%; float:right; margin-top:30px;}
.advantage ul li{ width:130px; float:left;}
.advantage ul li .num{ font-size:30px; font-weight: bold;}
.advantage ul li:nth-child(3), .advantage ul li:nth-child(4){margin-top:60px;}
.advantage ul li:nth-child(2), .advantage ul li:nth-child(4){float:right;}

.advantage2{background:#f8f8f8; padding:20px 0px 30px;}
.advantage2 ul, .advantage2 ul li{width:100%; float:left; }
.advantage2 ul li{margin-top:10px;}
.advantage2 ul li .title{font-size:16px; color:#333; line-height: 30px;}
.advantage2 ul li .title span:first-child{width:6px; height:6px; border-radius: 50%; background: #0033a0; display: block; float:left; margin-top:12px; margin-right:10px;}
.advantage2 ul li .title span:last-child{font-size:14px; color:#666;}

/*news*/
.newsHot{width:calc(100% - 30px); background:#f8f8f8; padding:15px;}
.newsHot .title{line-height:30px; font-size:14px; font-weight: bold;}
.newsHot .summary{width:calc(100% - 15px); float:left;padding-left:14px; border-left:1px solid #ddd; font-size:12px; line-height: 20px;}
.newsHot .img img{width:100%;}
.newsHot a .title{color:#333;}
.newsHot a .summary{color:#666;}
.newsList ul, .newsList ul li{ width:100%; float:left;}
.newsList ul li{margin-top:10px;}
.newsList ul li .title{line-height:30px;}
.newsList ul li .title span{float:right; color:#999;}
.newsList ul li .title a{color:#0033a0;}
.newsList ul li .summary{color:#666; font-size:12px; line-height: 20px;}