/* body{background:#f5f5f5} */
body,html{overflow:auto}
body{padding-top:100px;line-height:normal}
a{color:inherit;text-decoration: none;}
.clear{clear: both;display:block;}
.pc_header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:9999;height:100px;padding:20px 15px 0;box-sizing:border-box;box-shadow:0 0 10px #ddd}
.pc_header .logo{float:left;}
.pc_header .pc_topright{float:right;}
.pc_header .pc_topright .pc_Hotline{text-align:right;margin-bottom:10px;padding-right:18px;font-family: Arial, Helvetica, sans-serif;height:30px;line-height:30px;}
.pc_header .pc_topright .phone{font-size:20px;color:#2874d4;background:url(../images/bg2.jpg) no-repeat left center;padding-left:20px;font-weight:bold;}
.pc_header .pc_topright .onelist >  li{float:left;}
.pc_header .pc_topright .onelist >  li .navA{display:block;padding:0 22px 25px;position:relative;}
.pc_header .pc_topright .onelist > li .navA h3{font-size:16px;color:#555;margin:0;font-weight:normal}
.pc_header .pc_topright .onelist >  li .navA::after{
    content:'';display:block;width:0;height:3px;background:#2874d4;
    position: absolute;left:0;bottom:0;transition:width 0.3s;z-index:9;
}
.pc_header .pc_topright .onelist >  li .navA:hover::after,.pc_header .pc_topright .onelist >  li.on .navA::after{width:100%;transition:width 0.3s}
.twowrap{top:100px;height:auto;width:100%;background:rgba(255,255,255,0.95);position: absolute;left:0;display:none;}
/* 网站建设二级栏目 start */
#wzjs{float:right;}
#wzjs li{float:left;padding:25px;box-sizing:border-box;}
#wzjs li p{font-size:14px;margin-top:15px;text-align:center;color:#333}
#wzjs li:hover p{color:#2874d4}
/* 网站建设二级栏目 end */
/* 服务项目二级栏目 start */
#fwxm{float:right;width:100%;}
#fwxm li{float:left;padding:25px;width:11.111%;text-align:center;box-sizing:border-box;}
#fwxm li p{font-size:14px;margin-top:15px;text-align:center;color:#333}
#fwxm li:hover p{color:#2874d4}
/* 服务项目二级栏目 end */
/* 新闻动态二级栏目 start */
#xwdt{float:right;width:100%;}
#xwdt li{float:left;padding:25px;width:16.6666%;text-align:center;box-sizing:border-box;}
#xwdt li p{font-size:14px;margin-top:15px;text-align:center;color:#333}
#xwdt li:hover p{color:#2874d4}
/* 新闻动态二级栏目 end */
/* 联系我们二级栏目 start */
#lxwm{float:right;}
#lxwm li{float:left;padding:25px;box-sizing:border-box;}
#lxwm li p{font-size:14px;margin-top:15px;text-align:center;color:#333}
#lxwm li:hover p{color:#2874d4}
/* 联系我们二级栏目 end */
/* 成功案例二级栏目 start */
#cgal{float:right;width:1150px;}
#cgal .cgal_left{width:170px;float:left;}
#cgal .cgal_left p{margin:15px 0 25px;font-size:18px;color:#333;position: relative;padding-left:20px;cursor: pointer;box-sizing:border-box;}
#cgal .cgal_left p:hover,#cgal .cgal_left p.on{color:#2874d4}
#cgal .cgal_left p:after{
    content:'';display:block;width:14px;height:14px;border-radius:50%;border:4px solid #EB6100;
    position: absolute;left:0;top:50%;margin-top:-7px;box-sizing:border-box;display:none;
}
#cgal .cgal_left p:hover:after,#cgal .cgal_left p.on:after{display:block;}
#cgal .cgal_right{width:980px;float:right;}
#cgal .cgal_right_item{display:none;}
#cgal .cgal_right_item.on{display:block;}
#cgal .cgal_right .children{width:10.333%;float:left;text-align:left;font-size:14px;color:#333;margin:15px 0;;}
#cgal .cgal_right .children:hover{color:#2874d4}
#cgal .cgal_right2 .children{width:12%;}
/* 成功案例二级栏目 end */
/*  */
.case_search{padding:30px 30px 0;}
.case_top1{height:130px;background:#fff;border-radius:0 10px 10px 0;}
.case_top1 .items1{width:9.6777%;float:left;height:100%;background:#376CCB;line-height:130px;text-align:center;color:#fff;font-size:20px;}
.case_top1 .items1 span{display:inline-block;width:28px;height:28px;background:url(../images/case_icon_29.png) no-repeat center;vertical-align: middle;}
.case_top1 .items2{width:70.163%;float:left;height:100%;padding:0 15px;background:#fff;}
.case_top1 .items2 .childs{width:50%;float:left;height:130px;padding:0 15px;position: relative;}
.case_top1 .items2 .childs + .childs::after{top:15px;bottom:15px;width:1px;background:#DEDEDE;left:0;position:absolute;content:'';}
.case_top1 .items2 .item{float:left;width:16.6666%;text-align:center;padding:10px 5px;box-sizing:border-box;height:100%;}
.case_top1 .items2 .item span{background-repeat:no-repeat;background-position: center;display:block;height:40px;margin-top:18px;transition:margin 0.5s}
.case_top1 .items2 .item .title{font-size:16px;color:#202020;margin-top:10px;}
.case_top1 .items2 .item:hover span,.case_top1 .items2 .item.on span{margin-top:14px;transition:margin 0.5s}
.case_top1 .items2 .item:hover .title,.case_top1 .items2 .item.on .title{color:#376CCB;font-weight:bold;}
.case_top1 .items2 .item.a1 span{background-image:url(../images/case_icon_03-12.png)}
.case_top1 .items2 .item.a2 span{background-image:url(../images/case_icon_03.png)}
.case_top1 .items2 .item.a3 span{background-image:url(../images/case_icon_05.png)}
.case_top1 .items2 .item.a4 span{background-image:url(../images/case_icon_07.png)}
.case_top1 .items2 .item.a5 span{background-image:url(../images/case_icon_09.png)}
.case_top1 .items2 .item.a6 span{background-image:url(../images/case_icon_11.png)}
.case_top1 .items2 .item.a7 span{background-image:url(../images/case_icon_13.png)}
.case_top1 .items2 .item.a8 span{background-image:url(../images/case_icon_15.png)}
.case_top1 .items2 .item.a9 span{background-image:url(../images/case_icon_17.png)}
.case_top1 .items2 .item.a10 span{background-image:url(../images/case_icon_19.png)}
.case_top1 .items2 .item.a11 span{background-image:url(../images/case_icon_21.png)}
.case_top1 .items2 .item.a12 span{background-image:url(../images/case_icon_23.png)}

.case_top1 .items2 .item.a1:hover span,.case_top1 .items2 .item.a1.on span{background-image:url(../images/case_icon_03-12_ac.png)}
.case_top1 .items2 .item.a2:hover span,.case_top1 .items2 .item.a2.on span{background-image:url(../images/case_icon_03_ac.png)}
.case_top1 .items2 .item.a3:hover span,.case_top1 .items2 .item.a3.on span{background-image:url(../images/case_icon_05_ac.png)}
.case_top1 .items2 .item.a4:hover span,.case_top1 .items2 .item.a4.on span{background-image:url(../images/case_icon_07_ac.png)}
.case_top1 .items2 .item.a5:hover span,.case_top1 .items2 .item.a5.on span{background-image:url(../images/case_icon_09_ac.png)}
.case_top1 .items2 .item.a6:hover span,.case_top1 .items2 .item.a6.on span{background-image:url(../images/case_icon_11_ac.png)}
.case_top1 .items2 .item.a7:hover span,.case_top1 .items2 .item.a7.on span{background-image:url(../images/case_icon_13_ac.png)}
.case_top1 .items2 .item.a8:hover span,.case_top1 .items2 .item.a8.on span{background-image:url(../images/case_icon_15_ac.png)}
.case_top1 .items2 .item.a9:hover span,.case_top1 .items2 .item.a9.on span{background-image:url(../images/case_icon_17_ac.png)}
.case_top1 .items2 .item.a10:hover span,.case_top1 .items2 .item.a10.on span{background-image:url(../images/case_icon_19_ac.png)}
.case_top1 .items2 .item.a11:hover span,.case_top1 .items2 .item.a11.on span{background-image:url(../images/case_icon_21_ac.png)}
.case_top1 .items2 .item.a12:hover span,.case_top1 .items2 .item.a12.on span{background-image:url(../images/case_icon_23_ac.png)}
.case_top1 .items3{width:20.16%;float:left;height:100%;background:#8A8A8A;border-radius:10px;padding:15px;}
.case_top1 .items3 form{width:100%;height:45px;background:#fff;border-radius:5px;overflow:hidden;margin-top:27.5px;}
.case_top1 .items3 form input{padding-left:20px;float:left;width:80%;height:100%;}
.case_top1 .items3 form button{width:20%;height:100%;background:#fff url(../images/case-search_03.png) no-repeat center center;cursor: pointer;border:none;}
/*  */
.case_top2{height:200px;background:#fff;margin-top:15px;}
.case_top2 .items1{width:9.6777%;float:left;height:100%;background:#376CCB;line-height:200px;text-align:center;color:#fff;font-size:20px;}
.case_top2 .items1 span{display:inline-block;width:28px;height:28px;background:url(../images/case_icon_44.png) no-repeat center;vertical-align: middle;}
.case_top2 .items2{width:90.3223%;float:left;padding:10px 30px;}
.case_top2 .items2 .item{padding:10px;width:8.3333%;float:left;}
.case_top2 .items2 .item a{width:100%;height:40px;line-height:38px;border-radius:5px;color:#333333;font-size:16px;border:1px solid #D0D0D0;text-align:center;display:block;transition:ease-in-out 0.5s}
.case_top2 .items2 .item a:hover,.case_top2 .items2 .item.on a{transition:ease-in-out 0.3s;color:#fff;border-color:#376CCB;background:#376CCB}
@media (max-width:1800px){
    .case_top1 .items2{padding:0}
    .case_top1 .items2 .item .title{font-size:14px;}
}
@media (max-width:1600px){
    /*  */
    .case_top1{height:180px;}
    .case_top1 .items1{width:12%;line-height:180px;}
    .case_top1 .items2{width:68%;padding:0;}
    .case_top1 .items2 .childs{width:100%;height:90px;}
    .case_top1 .items2 .childs + .childs::after{display:none;}
    .case_top1 .items2 .item{padding:5px 0;}
    .case_top1 .items2 .item span{margin-top:4px;}
    .case_top1 .items2 .item:hover span{margin-top:0;}
    .case_top1 .items2 .item .title{font-size:14px;}
    .case_top1 .items3{width:20%}
    .case_top1 .items3 form{margin-top:52.5px;}
    /* .case_top1 .items3{display:none;} */
    /*  */
    .case_top2 .items1{width:12%;}
    .case_top2 .items2{padding:10px 0;width:88%}
    .case_top2 .items2 .item a{font-size:12px;}
}
@media (max-width:1440px){
    #xwdt li{padding:15px 25px;}
    #xwdt li p{margin-bottom:0;}
    /*  */
    .case_top2 .items2 .item{width:10%}
}
@media (min-width:1200px) and (max-width:1335px){
    .pc_header .pc_topright .onelist > li .navA{padding:0 15px 25px}
    .case_top2 .items2 .item{padding:10px 5px;}
}