@charset "utf-8";/*当前位置*/
.page-b{width:100%;padding: 20px 0px; /*background:url(../img/mod-bg.png) repeat-x;background-size:cover;background-attachment:fixed;background-position:0 0%;*/overflow:hidden;}.position{padding:10px 8px 8px 24px;margin-top:3px;line-height:24px;background:#fff url('/static/home.png') no-repeat 5px 13px;font-size:14px; border-bottom:#eee 1px solid;overflow:hidden}
.position li{width:auto;float:left;padding:0px 3px;}
.position span{font-style:normal;font-weight:bold;color:#ccc;padding:0 5px;font-family:simsun;}
.position a{color:#999;}
.page-content{padding:0px 10px 15px 10px;line-height:24px;overflow:hidden;background: #fff;}
.page-content img{max-width:100%;}

/* 分页 */
#pages{padding:14px 0 10px 0;width:100%;display:block;overflow:hidden;}
#pages a {display:inline-block;padding:5px 10px;margin:0px 3px;box-shadow:0px 0px 2px 1px #E0E0E0;background:#FFFFFF;}
#pages a:hover {background:#0c7c98;color:#cccccc;}
#pages span {display:inline-block;padding:5px 10px;background:#0c7c98;color:#fff;text-align:center;}
.page .noPage { display:inline-block;padding:5px 10px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
.text-c{text-align:center}
/*下一页*/
.next-page{ margin-top:20px;padding:10px;background-color:#fcfcfc;}
.next-page li{width:100%;line-height:24px;float:none;}
.next-page a{padding-left:10px;font-size:12px;color:#666;}
/*产品展示*/
.product h2{text-align:center;font-weight:normal;font-size:30px;padding:20px 0px;}
.product ul{width:100%;overflow:hidden;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;flex-flow:row wrap;-webkit-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-lines:multiple;-moz-flex-flow:row wrap;box-orient:horizontal;box-lines:multiple;}
.product li{width:23.5%;box-sizing:border-box;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.product li a{display:inline-block;width:100%;overflow:hidden;box-sizing:border-box;background:#ffffff;}
.pt-img{position:relative;width:100%;overflow:hidden;border-bottom:1px solid #eeeeee;}
.pt-img:before{position:absolute;top:50%;left:50%;transition:0.3s;transform:translate(-50%,-50%);content:'';width:0px;height:0px;background:rgba(0,0,0,0.3);opacity:0;z-index:2;}
.pt-img span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-block;width:110px;height:27px;text-align:center;line-height:27px;border-radius:5px;border:1px solid #FFFFFF;color:#ffffff;z-index:5;opacity:0;}
.product li p{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px 0px 20px 0px;}
.product li a:hover .pt-img:before{width:100%;height:100%;opacity:1;transition:0.3s;}
.product li a:hover .pt-img span{transition-delay:0.3s;opacity:1;}

/*解决方案*/
.list-jjfa{width:100%;padding:10px 0;overflow:hidden;}
.list-jjfa li{float:left;height:130px;width:48%;margin:15px 1%;box-sizing: border-box;padding: 10px;background: #fff;}
.list-jjfa .lefts{float:left;width:27%;height:110px;line-height: 110px; box-sizing:border-box;border:#eee 1px solid;overflow:hidden;}
.list-jjfa .lefts img{max-height:120px;display:block;transition:.5s;}
.list-jjfa .lefts img:hover{transform:scale(1.2);transition:.5s;}

.list-jjfa .rights{float:left;width: 70%;margin-left:3%;height:110px;box-sizing:border-box;overflow:hidden;}
.list-jjfa .rights h2{height:30px;line-height:30px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-jjfa .rights .desc{height:60px;line-height:25px;color:#999;overflow:hidden;}
.list-jjfa .rights .time{float:right;color:#888;font-size:14px;}


/*合作客户列表*/
.list-hz{padding:10px;}
.list-hz li{float:left;background: #fff; width:25%; box-sizing:border-box;padding:10px;}
.list-hz li .imgs{max-height:80px;text-align:center;line-height:80px;border:#eee 1px solid;}
.list-hz li .imgs img{max-height:80px;}
.list-hz li .titles{background-color:#eee;text-align:center;height:25px;line-height:25px;}
.list-hz li a{color:#666;}


.news{width:100%;}
.news li{padding:10px 10px 1px 10px;border-bottom:#eee 1px solid;overflow:hidden;}
.news li i{ font-size:14px; color:#999;}
.news li .title{line-height:24px;}
.news li .desc{line-height:24px;font-size:12px; padding-left:20px;color:#999;overflow:hidden;}
.news li .time{float:right;padding-right:20px;color:#999;font-size:12px;}
/*page*/
.pagec{margin:auto;max-width:1200px;box-sizing:border-box;padding:10px 0px 0px 0px;}
.pagec-left{float:left;width:20%;box-sizing:border-box;padding-right:0px;}
.pagec-right{float:left;width:80%;}

/*video-content*/

.content-title{width:100%;overflow:hidden;margin-top: 20px;background: #fff; padding:10px 0px 15px 0px;}
.content-title h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:25px;color:#0c7c98;font-weight:normal;margin-bottom:10px;}
.content-title p{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#888;padding-bottom:10px;border-bottom:1px solid #eee;}
.content-title p #hits{color:#900;font-size:12px;padding:0 2px;}
.video-content{width:96%;overflow:hidden;padding:10px 2% 20px 2%;}

.khfk-bd{width:90%;margin:auto;}
.khfk-bd h1{font-size:25px;font-weight:200;text-align:center;padding-bottom:20px;}
.khfk-bd input{width:46%;margin:0px 2% 20px 2%;border:1px solid #eee;outline:none;float:left;box-sizing:border-box;padding:5px;height:30px;line-height:30px;font-size:14px;color:#666; border-radius:2px;}
.khfk-bd input::-webkit-input-placeholder{color:#666;}
.khfk-bd textarea{width:96%;height:80px;margin:5px 2% 20px 2%;background:none;border:none;border:1px solid #e0e0e0;outline:none;float:left;box-sizing:border-box;padding:5px;font-size:14px;color:#333;}
.khfk-bd textarea::-webkit-input-placeholder{color:#666;}
.khfk-bd input.yzm{width:20%;}
.khfk-bd button{display:inline-block;cursor:pointer;padding:7px 30px;background:#0c7c98;color:#FFFFFF;border:none;border-radius:5px;margin:0px 40px;}
.khfk-bd button:hover{background:#999;}

@media(max-width:1200px){
.product li,.video1 li{width:25%;padding:20px 10px 0px 10px;margin-top:0px;}	
}
@media(max-width:750px){
.product li,.video1 li {width:50%;}
.khfk-bd{width:100%;}
.list-jjfa li{height:130px;width:98%;padding:10px 1%;}
.list-hz li{width:50%;}
}
@media(max-width:400px){
.product li,.video1 li{width:100%;}
.khfk-bd input{width:96%;}
}