/*pro-bar*/
.pro-bar{width: 100;padding: 20px 10px;background-color: #f8f8f8;}
.pro-bar .main{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    flex-wrap: wrap;}
.pro-bar .pro-bar-item{width: 48%;position: relative;text-align: center;margin-right: 4%;margin-bottom: 4%;background-color: #fff;
    -webkit-box-shadow: 0 5px 12px rgba(31, 124, 230, 0.08);box-shadow: 0 5px 12px rgba(31, 124, 230,0.08);
}
.pro-bar .pro-bar-item:nth-child(2n){margin-right: 0}
.pro-bar .pro-bar-item:nth-child(3){;margin-bottom: 0;}
.pro-bar .pro-bar-item:nth-child(4){;margin-bottom: 0;}
.pro-bar .pro-bar-item i{display: block;margin: 10px auto;font-size: 4.5rem; color: #1f7ce6}
.pro-bar .pro-bar-item h3{font-size: 1.6rem;color: #333;}
.pro-bar .pro-bar-item a{display: block;width: 60%;margin: 15px auto;border-radius: 20px;
    background-color: #1f7ce6;color: #fff;font-size:1.2rem;line-height: 28px;
    -webkit-box-shadow: 0 5px 10px rgba(31, 124, 230, 0.4);box-shadow: 0 5px 10px rgba(31, 124, 230,0.4);
}
.pro-bar .pro-bar-item a:hover{text-decoration: none;}

/*index-pro*/
.index-pro{background-color: #fff}
#prolist{}
#prolist .owl-wrapper-outer{margin:0 auto;}
#prolist .item{width:170px;height:250px;margin:20px auto;text-align: center; background-color:#fff;
    -webkit-box-shadow: 0 5px 12px rgba(31, 124, 230, 0.08);box-shadow: 0 5px 12px rgba(31, 124, 230,0.08);
}
#prolist .item a{color:#333;display: block;position:relative;width:100%;height:100%;padding: 10px 0 0 0;}
#prolist .item a .info{text-align: center;}
#prolist .item a .info h4{font-size:1.4rem;font-weight: 300;color: #888;line-height:2rem;padding: 10px 10px;}
#prolist .item a .img{width:100%;height: 200px;overflow: hidden; }
#prolist .item a .img img{width:100%;}
#prolist .item a:hover{text-decoration: none;}
#prolist .item a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
#prolist .item a:hover .info h4{color:#1f7ce6; }
#prolist .item:hover{-webkit-box-shadow: 1px 0px 20px rgba(31, 124, 230, 0.4);box-shadow: 1px 0px 20px rgba(31, 124, 230,0.4);}

/*pro-tj*/
.pro-tj{width: 100%;margin: 30px auto;background-color: #fff}
.pro-tj .pro-tj-list{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;}
.pro-tj .pro-tj-list li{width: 48%;margin-right: 4%;margin-bottom: 4%;background-color: #fff;
    -webkit-box-shadow: 0 5px 12px rgba(31, 124, 230, 0.08);box-shadow: 0 5px 12px rgba(31, 124, 230,0.08);}
.pro-tj .pro-tj-list li:nth-child(2n){margin-right: 0;}
.pro-tj .pro-tj-list li a{}
.pro-tj .pro-tj-list li a .img{width: 80%;margin: 10px auto;}
.pro-tj .pro-tj-list li a .img img{width: 100%;}
.pro-tj .pro-tj-list li a .info{}
.pro-tj .pro-tj-list li a .info p{font-size: 1.3rem;color: #666;padding:0 10px;text-align: center;line-height: 1.8rem;}
.pro-tj .pro-tj-list li a .info span{
    margin:10px auto 20px auto;
    text-align: center;
    display: block;
    width: 55%;line-height: 25px;
    border-radius:20px;
    font-size:1.2rem;
    text-transform: uppercase;
    -webkit-box-shadow:0 5px 10px rgba(31,124,230,0.3);
    box-shadow:0 5px 10px rgba(31,124,230,0.3);
    background-color: #1f7ce6;
    color: #fff;
}
.pro-tj .pro-tj-list li a:hover{text-decoration: none;}


/*app*/
.index-app{background-image: url(../images/bg2.jpg);background-repeat: no-repeat;background-position: center top;padding: 20px 0;background-size: cover;background-color: #fff}
#applist{}
#applist .item{
    width:350px;
    height:220px;
    margin:20px auto;
    text-align: center;
    background-color: #000;
    -webkit-box-shadow: 10px 0 40px rgba(0,0,0,0.8);
    box-shadow: 10px 0 40px rgba(0,0,0,0.8);
}
#applist .item a{color:#333;display: block;position:relative;width:100%;height:100%;}
#applist .item a:after{
	position: absolute;
	content: '';bottom:0;right:0;z-index: 10;
	width: 0;height: 40px;background-color:#1f7ce6;
	transition:all 0.5s;
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
#applist .item a .info{
    text-align: center;
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    background-color:rgba(0,0,0,0.5);
}
#applist .item a .info h3{font-size:1.6rem;line-height: 30px;color:#fff;font-weight: 500;padding: 5px 10px;}
#applist .item a .img{width:100%;height: 100%;background-size: cover;background-repeat: no-repeat;}
#applist .item a:hover{text-decoration: none;}
#applist .item a:hover:after{width: 100%;}
#applist .item:hover{}
#applist .item a:hover .info{background-color: transparent;}



/*index_customers*/
.index-customers{background-color:#f0f0f0;padding: 30px 0 30px 0; }
.index-customers .customerslist{width: 96%; margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index-customers .customerslist li{width: 32%;margin-right: 2%;margin-bottom:2%;}
.index-customers .customerslist li a{background-color: #fafafa;display: block;text-align: center;padding: 10px;line-height: 34px;color: #999;}
.index-customers .customerslist li:nth-child(3n){margin-right: 0;}
.index-customers .customerslist li a img{
    width: 100%;
	opacity:0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.index-customers .customerslist li a:hover{
	background-color: #fff;
	-webkit-box-shadow: 1px 10px 30px rgba(0,0,0,0.05);
	box-shadow: 1px 10px 30px rgba(0,0,0,0.05);
}
.index-customers .customerslist li a:hover img{
	opacity:1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
/*news*/
.index-news{background-image: url(../images/bg3.jpg);background-repeat: no-repeat;background-position: center top;padding: 60px 10px 30px 10px;background-color: #fff}
.index-news .list{padding:30px 0 0 0;width: 100%}
.index-news .list li{width: 100%;margin-bottom: 10px;}
.index-news .list li a{height:102px;display: block;padding:10px;padding-left: 100px;position: relative;background-color:rgba(255,255,255,1);}
.index-news .list li a .time{
    width: 80px;height: 80px;background-color:#ececec;text-align: center;
    font-size:1.6rem;font-family: Montserrat-Regular;color: #999;font-weight: 300;
    padding-top: 15px;
    position: absolute;top:10px;left:10px;
}
.index-news .list li a .time font{font-size:2.2rem;color:#777;display: block;font-family: Montserrat-Regular; }
.index-news .list li a .txt{}
.index-news .list li a .txt h3{font-size:1.4rem;font-weight:700;line-height:2rem;color: #666 ;margin:0 0 5px 0; }
.index-news .list li a .txt p{font-size:1.3rem;color: #999;line-height: 2rem;width: 100%;font-weight:400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;height: 40px;
}
.index-news .list li a:hover{
    -webkit-box-shadow: 1px 10px 25px rgba(0,0,0,0.08);
    box-shadow: 1px 10px 25px rgba(0,0,0,0.08);
    -moz-transform:translate3d(0, -10px, 0);
    -ms-transform:translate3d(0, -10px, 0);
    -o-transform:translate3d(0, -10px, 0);
}
.index-news .list li a:hover{text-decoration: none;}
.index-news .list li a:hover .txt h3{color:#036eb8; }
.index-news .list li a:hover .time{background-color:#1f7ce6; color: #fff;}
.index-news .list li a:hover .time font{color: #fff;}