@charset "utf-8";
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table-cell{ display:table-cell; vertical-align:middle;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans::before{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans::after{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

/*新站*/
#warp{ width:100%; max-width:750px; min-width:320px; overflow:hidden; margin:0 auto;}
#warp a{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#warp .picpath{ font-size:0;}
#warp .icon{ font-size:0;}
#warp .img{ font-size:0;}
.cw700{ width:93%; max-width:700px; margin:0 auto;}

/*字体*/
.fz20{ font-size:20px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{font-size:16px; line-height:30px;}
.fz18{font-size:18px;}


/*行业定制*/
#case{}
#case .one{ padding:2rem 0 4.375rem;}
#case .one .text-one{ width:100%; line-height:2rem; text-align:center; color:#000;}
#case .one .desc{ width:100%;  background-size:100%; padding:0; margin-top:1.75rem;}
#case .one .desc .img{ width:100%;}
#case .one .desc .img img{ width:100%;}
#case .one .desc .brief{ width:100%; line-height:1.5rem; color:#000; margin-top:0.6rem;}
#case .one .item{ width:100%; text-align:left; vertical-align:top; font-size:0; padding:0 5px; margin-top:2.5rem;}
#case .one .item .list{ width:100%; position:relative; padding-top:3.75rem;}
#case .one .item .list::before{ width:1px; height:100%; display:inline-block; background:#f0f0f0; position:absolute; left:2rem; top:0; z-index:2; content:'';}
#case .one .item .list::after{ width:0.3125rem; height:0.3125rem; display:none; background:#ff0000; border-radius:50%; position:absolute; left:1.8125rem; top:-0.3125rem; z-index:2; content:'';}
#case .one .item .list .number{ width:4rem; height:4rem; line-height:4rem; text-align:center; background:url(../images/img31.jpg) no-repeat center; background-size:100% 100%; position:relative; z-index:3; color:#fff;}
#case .one .item .list .content{ width:auto; position:absolute; left:5.25rem; top:4.5rem; z-index:2;}
#case .one .item .list .content .title{ width:100%; color:#282828;}
#case .one .item .list .content .brief{ width:100%; line-height:1.5rem; color:#929292; margin-top:0.5rem;}
#case .one .item .list.in::after{ display:inline-block;}
#case .two{ padding:2.5rem 0 3.75rem;}
#case .two .item{ width:100%;}
#case .two .item .list{ width:100%; margin-top:0.625rem;}
#case .two .item .list .picpath{ width:42.8%;}
#case .two .item .list .picpath img{ width:100%;}
#case .two .item .list .content{ width:54.2%; padding-top:0.4rem;}
#case .two .item .list .content .title{ width:100%;}
#case .two .item .list .content .title a{ color:#363636;}
#case .two .item .list .content .brief{ width:100%; height:5rem; line-height:1.25rem; overflow:hidden; color:#929292; margin:0.625rem 0 2rem;}
#case .two .item .list .content .time{ width:100%; color:#363636;}
#case .two .item .list.none{ margin-top:0;}
#case .thr{ padding:2.25rem 0 3.75rem;}
#case .thr .title-one{ width:100%; text-align:left; color:#282828;}
#case .thr .content-one{ width:100%; border-bottom:0.25rem solid #f0f0f0; padding-bottom:3rem;}
#case .thr .content-one .item{ width:100%; margin-top:1.5rem;}
#case .thr .content-one .item .list{ width:23.5%; position:relative; margin-right:2%;}
#case .thr .content-one .item .list .background{ width:100%;}
#case .thr .content-one .item .list .background img{ width:100%;}
#case .thr .content-one .item .list .content{ width:100%; text-align:center; position:absolute; top:3.5rem; left:0; z-index:2;}
#case .thr .content-one .item .list .content .icon{ width:2.875rem;}
#case .thr .content-one .item .list .content .icon img{ width:100%;}
#case .thr .content-one .item .list .content .name{ width:100%; color:#fff; margin-top:0.5rem;}
#case .thr .content-one .item .list.none{ margin-right:0;}
#case .thr .content-two{ width:100%; padding-top:3.375rem;}
#case .thr .content-two .item{ width:100%;}
#case .thr .content-two .item .list{ width:48.5%; margin-top:1.5rem;}
#case .thr .content-two .item .list .number{ width:100%; color:#363636;}
#case .thr .content-two .item .list .arrow{ width:100%; height:0.8125rem; position:relative; margin:0.875rem 0 1rem;}
#case .thr .content-two .item .list .arrow img{ width:100%; position:absolute; top:0; left:0; z-index:2;}
#case .thr .content-two .item .list .arrow .img1{ opacity:1;}
#case .thr .content-two .item .list .arrow .img2{ opacity:0;}
#case .thr .content-two .item .list .brief{ width:100%; height:3.25rem; line-height:1.625rem; overflow:hidden; color:#929292;}
#case .thr .content-two .item .list:hover .number{ color:#ff0000;}
#case .thr .content-two .item .list:hover .arrow .img1{ opacity:0;}
#case .thr .content-two .item .list:hover .arrow .img2{ opacity:1;}
#case .thr .content-thr{ width:100%; padding-top:2.5rem;}
#case .thr .content-thr .item{ width:100%; margin-top:1.5rem;}
#case .thr .content-thr .item .list{ width:32%; height:6rem; text-align:center; overflow:hidden; border:0.125rem solid #e8e8e8; margin-right:2%; margin-top:2%;}
#case .thr .content-thr .item .list a{ width:32%; height:5.8rem; display:table-cell; vertical-align:middle;}
#case .thr .content-thr .item .list a img{ max-width:100%; max-height:100%;}
#case .thr .content-thr .item .list.none-one{ margin-top:0;}
#case .thr .content-thr .item .list.none-two{ margin-right:0;}
#case .four{ padding:2.5rem 0 3.75rem;}
#case .four .item{ width:100%;}
#case .four .item .img{ width:100%;}
#case .four .item .img img{ width:100%;}
#case .four .item .content{ width:100%; background:url(../images/p_img8.jpg) no-repeat center; background-size:cover; padding:1.625rem 2rem;}