.banner{width: 100%; height: 420px; margin-top: 80px; }

.banner-wrap{}
.banner-wrap ul li p{color: #FFFFFF; font-size: 18px; width: 40%; line-height: 30px;}
.banner-wrap ul li{height: 420px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.banner-wrap ul li .bd2{width: 1200px; padding-top:60px; margin:0 auto;}
.banner-wrap ul li h2{font-size: 40px; color: #FFFFFF;}
.banner-wrap ul li h3{font-size: 30px; color: #FFFFFF; font-weight: initial; margin-top: 20px;}
.banner-wrap ul li a{margin-top: 30px; background: #FFFFFF; color: #0478BB; display: block; width: 140px; line-height: 40px; text-align: center; border-radius: 20px;}
.banner-wrap ul li span{display: block; height: 3px; width: 120px; background: #FFFFFF; margin: 30px 0;}

.b-w-05{margin-top: 30px;}
.b-w-01 p{font-size: 50px; }
.b-w-02 p{font-size: 28px;}
.b-w-04 p{width: 508px; display: block;font-size: 16px; line-height: 30px;}
.b-w-05 a{padding: 10px 30px; background: #FFFFFF; border-radius: 20px; }

.icon{background: #FFFFFF; height: 220px;width: 100%;}
.icon-wrap{margin: 0 auto; max-width: 1200px; width: 1200px;  padding-top: 40px;}
.icon-wrap ul{float: left;width: 100%; position: relative;padding-right: 120px; box-sizing: border-box; left: -34px;}
.icon-wrap ul li{ display: block; float: left; width: 20%; }
.icon-wrap ul li .block{text-align: center; display: block; width: 120px;}
.icon-wrap ul li a{ display: block;}
.icon-wrap ul li:last-child{ position: absolute; top: 0;right: 0;width: 120px;}
.icon-wrap ul li .block:hover,.icon-wrap ul li.on .block{background: #f1f1f1; border-radius: 100px;}
.icon-wrap ul li .block{transition: 0.2s; padding: 20px;}

.base-title{font-size: 40px;text-align: center;}
.base-sub{font-size: 20px; color: #b4b4b4; margin-bottom: 60px;}

.diy{background-color: #fafafa; width: 100%;}
.diy-wrap{margin: 0 auto; text-align: center;}
.diy-data{width: 100%;}
.diy-m{width: 100%;max-width: 1200px;margin:0 auto;}
.diy-m ul li{text-align: center; background: #fbfbfb;}
.d-bd2{text-align: left;}

.diy-data h2{color: #008ee0; font-size: 40px; margin:30px 0 20px 0;}
.diy-data span{padding: 6px 8px 6px 3px; position: relative; border-radius: 30px; top:3px; color: #008ee0; font-size: 24px; border: 1px solid #008ee0; line-height: 42px; height: 42px;}
.diy-data span img{position: absolute; top: 3px;}
.diy-data span b{padding: 0 10px;}
.d-bd2-l p{padding-top: 30px;}
.diy-data p{line-height: 32px;}
.base-title{}
.d-bd2{width: 100%; margin:0 auto;max-width: 1200px; margin-top:80px;}
.d-bd2 .d-bd2-l{width: 40%; float: left;}
.d-bd2 .d-bd2-r{width: 60%;text-align: center;float: right;}
.d-bd2 .d-bd2-r img{width: 90%;}
.d-bd2 .d-bg-images{float: right; width: 800px;}
.cur-wrap{max-width: 1600px; min-width: 1200px; margin: 0 auto; text-align: center;}
.cur-wrap ul li{float: left;padding-left: 10px; display: block; height: 6px; width: 30px; border-radius: 20px; background: #d2efff;  transition-duration: 0.2s;}
.cur-wrap ul li:hover{width: 70px; background: #0478bb;}
.cur-wrap ul{display: inline-block;}

.case,.news{ width: 100%; text-align: center;  padding-bottom: 50px;}
.case{background-color: #fafafa;}
.case-wrap,.news-wrap{margin: 0 auto; width: 1200px;}
.case-column ul li a,.news-column ul li a{margin: 10px; color: #313131;font-size: 24px; transition-duration: 0.2s;}
.case-column ul li a:hover,.news-column ul li a:hover,.case-column ul li.on a,.news-column ul li.on a{color: #0478bb; border-bottom: 2px solid #0478BB;}
.case-column ul li.current a, .news-column ul li.current a{color: #0478bb;}
.case-column,.news-column{color: #e6e6e6; margin: 60px 0;display: block; font-size: 24px;width: 100%;}
.case-column ul li,.news-column ul li{ float: left;}
.case-column ul li span{font-size: 24px;margin: 0 10px; font-weight: 100;color: #dedede; }
.case-column ul li:last-child span,.news-column ul li:last-child span{display: none;}
.case-column ul,.news-column ul{display: inline-block;}
.case-data,.news-data{margin-top: 60px;}
.case-data ul li:nth-child(3n){margin-right: 0;}
.case-data ul li{display: block; position: relative;  transition-duration: 0.2s; width: 366px; height: 230px; float: left;margin-right: 50px; margin-bottom: 50px;}
.case-data ul li{margin-top: 3px; border-radius:10px;}
.case-data ul li:hover{box-shadow: 3px 2px 7px 0px #bfbfbf; miargin-top:0px;}
.case-data ul li img{vertical-align:bottom; width: 366px; height: 230px; }
.bg-opacity{background:#000; width: 100%; height: 100%;}

.news-data ul li .news-data-m{width: 560px; float: left; padding-right: 80px; text-align: left; padding-bottom: 40px;}
.news-data ul li .news-data-m:nth-child(2n){padding-right: 0px;}
.news-data ul li .news-data-m .news-img{width: 180px; height: 120px; float: left; padding-right: 20px; }
.news-data ul li .news-data-m span{float: left; display: block; width: 360px; height: 120px; overflow: hidden;}
.news-column ul li span{font-size: 24px; font-weight: 100; margin: 0 10px; color: #dedede;}
.news-img img{height: 120px; width: 180px;}
.news-data-m span a{font-size: 18px; margin-bottom: 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news-data-m span a:hover{text-decoration: underline; color: #0478BB;}
.news-data-m span p{font-size: :;font-size: 14px; color: #757575; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#cas-wrap-wap{display:none;}
.case_list{margin:0 15px;}
.case_list li{margin-bottom: 10px;background-image: url(../images/oaimg.png);background-repeat: no-repeat;background-size: 100% 100%;padding-top: 50%;height: 0;position: relative;}
.case_list .case_li_h{background-image: url(../images/pcimg.png);}
.case_list .case_li_diy{background-image: url(../images/diyimg.png);}
.case_li_tit{position: absolute;color:#fff;top: 50%;transform: translateY(-50%);left: 20px;text-align: left;}
.case_li_tit h3{font-size: 28px;color:#fff;}
.case_li_tit h4{font-size: 16px;color:#fff;}
.case_li_click_arr{background: url(../images/arr_right.png) no-repeat center;background-size: 100%;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;}
.loadMoreIndex{display:none;margin:20px 0;border-radius: 5px; background: #f7f7f7;color:#333;height: 60px;line-height: 60px;font-size: 18px;}

.CP {
	min-width: 1200px;
	padding-bottom: 100px;
}

.CP-wrap {
	min-width: 1200px;
	margin: 0 auto;
	width: 1200px;
	text-align: center;
}

.CP-data {
	margin-top: 60px;
}

.CP-data ul li {
	width: 220px;
	height: 50px;
	display: block;
	float: left;
	background: #fff;
	margin-right: 25px;
	margin-bottom: 25px;
}



@media (max-width: 750px) {
    .icon-wrap{width: 100%;padding:0;}
    .icon-wrap ul li a{font-size: 12px; overflow:hidden;}
    .icon-wrap ul li .block a span{word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
    .icon-wrap ul li{width: 16.7%;display:table-cell;float: none;}
    .icon-wrap ul{left:auto;padding:0;display:table;}
    /*.icon-wrap ul li .block{width: 100%;padding:15px 8px;box-sizing: border-box;height: 100%;box-sizing: border-box;}*/
    .icon-wrap ul li:last-child{width:20%;position: static;}
    .icon-wrap ul li .block img{width: 60%;}
    .icon-wrap ul li .block:hover,.icon-wrap ul li.on .block{border-radius: 0;background: none;}
    .icon-wrap ul li:hover,.icon-wrap ul li.on{border-radius: 0;background: #f1f1f1;}
    .icon-wrap ul li .block{width:auto;padding:5px;}
    .icon{height:auto;}
    .d-bd2 .d-bd2-l{float:none;width: 90%;margin: 0 auto;text-align: center;padding-bottom: 15px;}
    .d-bd2 .d-bd2-l p{text-align: left;}
    .d-bd2 .d-bd2-r{float:none;width: 100%;}
    .d-bd2 .d-bd2-r img{width: 90%;}
    .base-sub{margin-bottom: 0;}
    #cas-wrap{display:none;}
    #cas-wrap-wap{display:block;}
    .case-wrap, .news-wrap{width: 100%;}
    .news-data ul li .news-data-m{float:none;padding-right: 0;overflow: hidden;padding:15px;background: #f7f7f7;border-radius: 5px;width:auto;margin-bottom: 10px;}
    .news-data ul li .news-data-m span{float: none;margin-left: 200px;width:auto;}
    .news-data ul{padding:0 15px;}
    .case-column, .news-column{margin:30px 0;}
    .loadMoreIndex{display:block;}
    .banner{height:236px;}
    /*.banner li{height:236px;}*/
    .banner-wrap ul li{height: 236px;}
    .banner-wrap ul li .bd2{width: 100%;padding-top: 30px;padding-left: 30px;box-sizing: border-box;}
    .banner-wrap ul li p{width: 60%;font-size: 14px;line-height: 1.5em;max-height: 7.5em;overflow: hidden;}
    .banner-wrap ul li h2{font-size: 20px;}
    .banner-wrap ul li h3{margin-top: 0;font-size: 16px;}
    .banner-wrap ul li p{font-size: 12px;}
    .banner-wrap ul li span{margin:10px 0;}
    .base-title{font-size: 24px!important;text-align: center; padding: 20px 0 0;}
    .base-sub{font-size: 20px; color: #b4b4b4; margin-bottom: 60px;}
    .diy-data p{line-height: 20px;}
    .d-bd2-l h2, .d-bd2-l span{display: none;}
    .tempWrap ul li{margin-bottom: 25px;}
    .news-column ul li a{font-size: 20px;}
    .news-data-m span a{margin-bottom: 6px;}
     .news-data-m span p{line-height: 20px;}
    .news-column{margin-top: 0px;}
    .news-data-m{font-size: 16px;}
    .loadMoreIndex{font-size: 14px;}