@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;}

/*公告样式*/
body a{outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#ff0000;}
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.loader{top: 0;right: 0;left: 0;bottom: 0;position: fixed;z-index: 99999;background: rgba(255,255,255,.5) url(/static/images/global/loader.svg) no-repeat center 40% / auto auto;}

/*字体*/
.fz12{ font-size:0.75rem; color:#333;}
.fz14{ font-size:0.875rem; color:#333;}
.fz16{ font-size:1rem; color:#333;}
.fz18{ font-size:1.125rem; color:#333;}
.fz20{ font-size:1.25rem; color:#333;}
.fz22{ font-size:1.375rem; color:#333;}
.fz24{ font-size:1.5rem; color:#333;}
.fz26{ font-size:1.625rem; color:#333;}
.fz28{ font-size:1.75rem; color:#333;}
.fz30{ font-size:1.875rem; color:#333;}
.fz32{ font-size:2rem; color:#333;}
.fz34{ font-size:2.125rem; color:#333;}
.fz36{ font-size:2.25rem; color:#333;}
.fz38{ font-size:2.375rem; color:#333;}
.fz40{ font-size:2.5rem; color:#333;}
.fz42{ font-size:2.625rem; color:#333;}
.fz44{ font-size:2.75rem; color:#333;}
.fz46{ font-size:2.875rem; color:#333;}
.fz48{ font-size:3rem; color:#333;}

/*头部样式*/
#header-block{ height:5.25rem;}
#header{ width:100%; max-width:750px; min-width:320px; background:#f7f7f7; position:fixed; top:0; left:0; right:0; z-index:5; padding:1rem 0; margin:0 auto;}
#header .logo{ width:25rem;margin-top: 0.7rem;}
#header .logo img{ width:100%;}
#header .target{ cursor:pointer;white-space: nowrap;text-align: center;}
#header .target img{ width:100%;max-width: 2.6rem;}
#header .target span{display: block;color: #333;font-size: 0.75rem;margin-top: .2rem;}
#header .search{ width:2.625rem;margin-top: 0.9rem; cursor:pointer; margin-right:3.125rem;}
#header .search img{ width:100%;}
#header-nav{ width:100%; max-width:750px; min-width:320px; text-align:center; display:none; background:rgba(255,255,255,.8); position:fixed; top: 6.95rem; left:0; right:0; z-index:6; margin:0 auto;}
#header-nav .list{ width:100%; border-bottom:1px solid #fff; padding:1rem 0;}
#header-search{ width:100%; max-width:750px; min-width:320px; display:none; background:#fff; position:fixed; top:5.25rem; left:0; right:0; z-index:5; padding:1rem; margin:0 auto;}
#header-search .input{ width:100%; height:3rem; border:1px solid #333; padding:0 1rem;}

/*广告样式*/
#banner{ width:100%; overflow:hidden; font-size:0; position:relative;}
#banner .db{ width:100%; font-size:0;}
#banner .db img{ width:100%;}
#banner .swiper-slide{ font-size:0;}
#banner .hb{ width:100%; text-align:center; font-size:0; position:absolute; left:0; right:0; bottom:2.375rem !important; z-index:2; margin:0 auto;}
#banner .hb span{ width:0.75rem; height:0.75rem; display:inline-block; opacity:1; cursor:pointer; background:none; font-size:0; border:0.125rem solid #fff; border-radius:50%; margin:0 0.875rem !important;}
#banner .hb span.swiper-pagination-bullet-active{ background:#fff; border-color:#fff;}

/*底部样式*/
#footer{ width:100%; background:#191919;}
#footer .top{ font-size:0;}
#footer .top .list{ width:100%; border-bottom:1px solid #313131; padding:1.5rem 0;}
#footer .top .list .title{ width:100%; line-height:1.375rem;}
#footer .top .list .title .text-one{ color:#fff;}
#footer .top .list .title .other{ width:1.3125rem; height:1.3125rem; background:url(/images/p_img5.png) no-repeat center; background-size:cover !important;}
#footer .top .list .brief{ width:100%; display:none; padding:0 1.5rem;}
#footer .top .list .brief .text-two{ width:100%; margin-top:1.875rem;}
#footer .top .list .brief .text-two a{ color:#fff;}
#footer .top .list.on .other{ background:url(/images/p_img5_1.png) no-repeat center;}
#footer .top .list .title .other.tel{ width:auto; background:none; color:#d41124;}
#footer .cont{ text-align:center; padding:3.375rem 0 1.25rem;}
#footer .cont .ewm{ width:24%;}
#footer .cont .ewm .img{ width:100%;}
#footer .cont .ewm .img img{ width:100%;}
#footer .cont .ewm .fz16{ width:100%; color:#fff; margin-top:0.375rem;}
#footer .bot{ line-height:1.8rem; font-size:1rem; color:#bcbcbc; border-top:1px solid #313131; padding:1.5rem 0;}
#footer .bot a{ font-size:1rem; color:#bcbcbc;}

/*悬浮样式*/
#float{ width:100%; max-width:750px; min-width:320px;}
#float::before{ width:100%; height:100%; display:none; background:rgba(0,0,0,.66); position:fixed; top:0; left:0; right:0; z-index:7; margin:0 auto; content:'';}
#float .one{ _height:36.25rem; display:none; overflow:auto; background:#fff url(/images/p_img10.jpg) no-repeat bottom center; background-size:100%; position:fixed; top:50%; left:0; right:0; z-index:7; padding:1.375rem 1.375rem 11rem 1.375rem; margin:-18.125rem auto 0;}
#float .one .content-one{ width:100%;}
#float .one .content-one .icon{ width:1.9375rem;}
#float .one .content-one .icon img{ width:100%;}
#float .one .content-one .shutdown{ width:1.0625rem; cursor:pointer;}
#float .one .content-one .shutdown img{ width:100%;}
#float .one .content-two{ width:100%; margin:1rem 0;}
#float .one .content-two .title-one{ width:100%;}
#float .one .content-two .title-one .fz24{ color:#282828;}
#float .one .content-two .title-one .fz30{ color:#ff0000; margin-top:0.25rem;}
#float .one .content-two .text-one{ width:100%; margin-top:1.25rem;}
#float .one .content-two .text-one .brief{ width:40%; line-height:1.5rem; margin-right:2.5rem; margin-top:0.2rem;}
#float .one .content-two .text-one .phone{ line-height:1.8rem;}
#float .one .content-two .text-one .phone .fz16{ width:100%; color:#ff0000;}
#float .one .content-two .text-one .phone .fz30{ width:100%; color:#282828;}
#float .one .content-thr{ width:100%;}
#float .one .content-thr .list{ width:34%; border:1px solid #e3e3e3; border-radius:10px; padding:0.5625rem; margin-right:1.125rem; margin-top:1.125rem;}
#float .one .content-thr .list .img{ width:3.75rem;}
#float .one .content-thr .list .img img{ width:100%;}
#float .one .content-thr .list .fz16{ width:70%; line-height:3.75rem; text-align:left; display:flex; align-items:center; color:#696969;}
#float .one .content-thr .list:hover{ border-color:#ff4400;}
#float .one .content-thr .list.none{ margin-right:0;}
#float .one .content-thr .list.none-two{ margin-top:0;}
#float .two{ background:#333; color:#fff; position:fixed; bottom:3%; right:2%; z-index:5; padding:0.625rem 1.25rem;}
#float.on::before{ display:inline-block;}

/*首页样式*/
#index{ width:100%;}
#index .index-title{ width:100%; text-align:center; color:#000;}
#index .one{ padding:3.75rem 0 2.5rem;}
#index .one .top{ width:100%;}
#index .one .top .list{ width:100%;}
#index .one .top .list .picpath{ width:100%;}
#index .one .top .list .picpath img{ width:100%;}
#index .one .top .list .content{ width:100%; background:#fafafa; padding:1.625rem 2rem;}
#index .one .top .list .content .number{ width:100%; color:#000;}
#index .one .top .list .content .title{ width:100%; color:#000; position:relative; padding-bottom:1.4rem;}
#index .one .top .list .content .title::before{ width:0.875rem; height:0.125rem; background:#000; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#index .one .top .list .content .brief{ width:100%; line-height:2rem; color:#929292; margin:2rem 0 2.625rem;}
#index .one .top .list .content .more{ background:url(/images/img8.png) no-repeat right center; background-size:1.9375rem; color:#000; padding-right:3rem;}
#index .one .top .video{ width:100%; font-size:0; position:relative; z-index:2; margin:2.5rem 0;}
#index .one .top .video::before{ display:none; color:#fff; font-size:2.5rem; font-family:'FontAwesome'; font-style:normal; font-weight:normal; position:absolute; top:12px; right:12px; z-index:2; content: "\f00d";}
#index .one .top .video img{ width:100%; cursor:pointer;}
#index .one .top .video video{ width:100%; display:none; position:relative; z-index:2;}
#index .one .top .video.on::before{ display:inline-block;}
#index .one .top .video.on img{ display:none;}
#index .one .top .video.on video{ display:block;}
#index .one .bot{ width:100%; margin-top:2.5rem;}
#index .one .bot .list{ text-align:center; background:#f5f5f5; padding:2rem 4rem 1rem;}
#index .one .bot .list .number{ width:100%; color:#000;}
#index .one .bot .list .title{ width:100%; height:4rem; line-height:2rem; overflow:hidden; color:#000; margin-top:0.375rem;}
#index .one .bot .list .picpath{ width:100%; margin:2.25rem 0;}
#index .one .bot .list .picpath img{ width:100%;}
#index .one .bot .list .more{ background:url(/images/img8.png) no-repeat right center; background-size:1.9375rem; color:#000; padding-right:2.875rem;}
#index .two{ width:100%; font-size:0;}
#index .two .img{ width:100%;}
#index .two .img ul{ width:100%; font-size:0;}
#index .two .img ul li{ width:100%; font-size:0;}
#index .two .img ul li img{ width:100%;}
#index .two .item{ margin-top:-3.625rem;}
#index .two .item .swiper-pagination{ height:0.1875rem;}
#index .two .item .swiper-pagination span{ background:#ff0000;}
#index .two .item .top{ width:100%; background:#fff; padding:0.5rem 3.375rem;}
#index .two .item .top .title{ line-height:2.5rem;}
#index .two .item .top .title .list{ color:#282828; display:none;}
#index .two .item .top .title .list span{ background:url(/images/img14.png) no-repeat left center; background-size:0.25rem; color:#282828; padding-left:17px; margin-left:11px;}
#index .two .item .top .title .list.show{ display:inline-block;}
#index .two .item .top .page{ font-size:0;}
#index .two .item .top .page .prev{ width:2.125rem; height:2.125rem; background:url(/images/img17.jpg) no-repeat center; background-size:1rem !important; border:1px solid #c1c1c1; border-radius:50%; margin-right:10px;}
#index .two .item .top .page .prev.swiper-button-disabled{ background:url(/images/img15.jpg) no-repeat center; border-color:#fff;}
#index .two .item .top .page .next{ width:2.125rem; height:2.125rem; background:url(/images/img18.jpg) no-repeat center; background-size:1rem !important; border:1px solid #c1c1c1; border-radius:50%; margin-right:10px;}
#index .two .item .top .page .next.swiper-button-disabled{ background:url(/images/img16.jpg) no-repeat center; border-color:#fff;}
#index .two .item .bot{ width:100%; text-align:center;}
#index .two .item .bot .swiper-slide{ width:100%;}
#index .two .item .bot .swiper-slide .brief{ width:100%; line-height:1.875rem; text-align:left; background:#fafafa; color:#282828; padding:1rem 2rem;}
#index .two .item .bot .swiper-slide .more{ background:#ff0000; color:#fff; border-radius:50px; box-shadow:0 0 10px 2px #c5aeae; padding:1.25rem 1.5rem; margin-top:2.875rem;}
#index .two .item .bot .swiper-slide .more img{ width:1.9375rem; vertical-align:middle; margin-left:1rem;}
#index .thr{ padding-top:2.875rem;}
#index .thr .category{ width:100%; text-align:center; font-size:0; margin:0.75rem 0 1.375rem;}
#index .thr .category .list{ color:#bdbdbd; margin:0 1.875rem;}
#index .thr .category .list.on{ color:#ff0000;}
#index .thr .item ul{ width:100%;}
#index .thr .item ul li{ width:100%; margin-bottom:0.625rem;}
#index .thr .item ul li .picpath{ width:42.8%; margin-left:0.2%;}
#index .thr .item ul li .picpath img{ width:100%;}
#index .thr .item ul li .content{ width:54.2%; padding-top:0.4rem;}
#index .thr .item ul li .content .title{ width:100%;}
#index .thr .item ul li .content .title a{ color:#363636;}
#index .thr .item ul li .content .brief{ width:100%; height:5rem; line-height:1.25rem; overflow:hidden; color:#929292; margin:0.625rem 0 2rem;}
#index .thr .item ul li .content .time{ width:100%; color:#363636;}
#index .thr .item ul li.none{ margin-bottom:0;}
#index .four{ padding:3.125rem 0 3.625rem;}
#index .four .item{ width:100%; margin-top:1.5rem;}
#index .four .item .list{ width:32%; height:6rem; text-align:center; overflow:hidden !important; border:0.125rem solid #e8e8e8; margin-right:2%; margin-top:2%;}
#index .four .item .list a{ width:32%; height:5.8rem; display:table-cell; vertical-align:middle;}
#index .four .item .list a img{ max-width:100%; max-height:100%;}
#index .four .item .list.none-one{ margin-top:0;}
#index .four .item .list.none-two{ margin-right:0;}

/*内页*/
.inside{}
.inside .more-add{ width:100%; text-align:center; margin-top:3.125rem;}
.inside .more-add .text{ background:#ff0000; color:#fff; border-radius:50px; box-shadow:0 0 10px 2px #c5aeae; padding:1.25rem 1.5rem;}
.inside .more-add .text img{ width:1.9375rem; vertical-align:middle; margin-left:1rem;}

/*内页导航*/
#category{ width:100%; position:relative; margin-top:3.375rem;}
#category::before{ width:100%; height:0.125rem; background:#f2f2f2; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#category .item{ width:100%; text-align:center; display:flex;}
#category .item .list{ flex-grow:1; color:#bdbdbd; position:relative; padding-bottom:0.625rem;}
#category .item .list::before{ width:100%; height:0.25rem; display:none; background:#ff0000; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#category .item .list.on{ color:#ff0000;}
#category .item .list.on::before{ display:block;}

/*产品中心*/
#products{}
#products .one{ padding:2.5rem 0 3.75rem;}
#products .one .item{}
#products .one .item .list{ width:49.5%; text-align:center; background:#f5f5f5; padding:2rem 4rem 1rem; margin-right:1%; margin-top:1%;}
#products .one .item .list .number{ width:100%; color:#000;}
#products .one .item .list .title{ width:100%; height:4rem; line-height:2rem; overflow:hidden; color:#000; margin-top:0.375rem;}
#products .one .item .list .picpath{ width:100%; margin:2.25rem 0;}
#products .one .item .list .picpath img{ width:100%;}
#products .one .item .list .more{ background:url(/images/img8.png) no-repeat right center; background-size:1.9375rem; color:#000; padding-right:2.875rem;}
#products .one .item .list.none-one{ margin-top:0;}
#products .one .item .list.none-two{ margin-right:0;}
#products .two{ width:100%; background:#000000; padding:2rem 0 6rem;}
#products .two .back{ width:100%; text-align:left;}
#products .two .back a{ background:url(/images/p_img11.png) no-repeat left center; background-size:0.625rem; color:#fff; padding-left:1.25rem;}
#products .two .item{ width:100%; margin-top:3rem;}
#products .two .item .picpath{ width:38%;}
#products .two .item .picpath a{ width:38%; display:table-cell; vertical-align:middle;}
#products .two .item .picpath a img{ width:100%;}
#products .two .item .content{ width:60%;}
#products .two .item .content .text-one{ color:#ff0000;}
#products .two .item .content .text-two{ color:#fff; position:relative; padding-bottom:1.5rem;}
#products .two .item .content .text-two::before{ width:0.875rem; height:0.125rem; background:#6b6b6b; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#products .two .item .content .attr{ width:100%; font-size:0; margin:1.625rem 0 1.25rem;}
#products .two .item .content .attr li{ line-height:1rem; color:#fff; border-left:1px solid #fff; padding:0 0.75rem;}
#products .two .item .content .attr li.none{ border-left:none; padding-left:0;}
#products .two .item .content .brief{ width:100%; line-height:1.5rem; color:#929292;}
#products .two .item .content .more{ width:100%; text-align:center; background:#181818; color:#fff; padding:1rem 0; margin-top:2rem;}
#products .two .item .content .more img{ width:1.9375rem; margin-left:0.625rem;}
#products .thr{}
#products .thr .desc{ width:100%; _padding:2rem 0;}
#products .thr .desc ul{ width:100%;}
#products .thr .desc ul li{ width:100%; display:none; font-size:0;}
#products .thr .desc ul li img{ max-width:100%; height:auto !important;}
#products .thr .desc ul li video{ width:100% !important; height:22.5rem !important;}
#products .thr .desc ul li iframe{ width:100% !important; height:22.5rem !important;}
#products .thr .desc ul li.show{ display:block;}

/*行业定制*/
#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:url(/images/p_img6.jpg) no-repeat top center; background-size:100%; padding:5rem 5rem 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 5rem; 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.8rem; 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;}

/*新闻中心*/
#info{ width:100%;}
#info .one{ padding:2.5rem 0 3.75rem;}
#info .one .item{ width:100%;}
#info .one .item .list{ width:100%; margin-top:0.625rem;}
#info .one .item .list .picpath{ width:42.8%;}
#info .one .item .list .picpath img{ width:100%;}
#info .one .item .list .content{ width:54.2%; padding-top:0.4rem;}
#info .one .item .list .content .title{ width:100%;}
#info .one .item .list .content .title a{ color:#363636;}
#info .one .item .list .content .brief{ width:100%; height:5rem; line-height:1.25rem; overflow:hidden; color:#929292; margin:0.625rem 0 2rem;}
#info .one .item .list .content .time{ width:100%; color:#363636;}
#info .one .item .list.none{ margin-top:0;}
#info .two{ padding:2rem 0 3.625rem;}
#info .two .top{ width:100%;}
#info .two .top .title{ width:100%; text-align:center; color:#363636;}
#info .two .top .time{ width:100%; text-align:center; color:#ff0000; margin:0.5rem 0 1.625rem;}
#info .two .top .desc{ width:100%; line-height:200%;}
#info .two .top .desc img{ max-width:100%; height:auto !important;}
#info .two .bot{ width:100%;}
#info .two .bot .page{ width:100%; margin:3.125rem 0 1.875rem;}
#info .two .bot .page .fz18{ width:100%; border:1px solid #e8e8e8; padding:1rem 1.25rem;}
#info .two .bot .page .fz18 b{ color:#1d1d1d;}
#info .two .bot .page .fz18 a{ color:#929292;}
#info .two .bot .page .fz18.in{ margin-top:0.625rem;}
#info .two .bot .share{ width:100%; text-align:center;}
#info .two .bot .share b{ color:#333; margin-right:10px;}
#info .two .bot .share a{ width:2.5rem; height:2.5rem; line-height:2.375rem; text-align:center; float:none; background:none; font-size:1.125rem; color:#cdcdcd; border:0.125rem solid #cdcdcd; border-radius:50%; padding:0; margin:0 0.3125rem;}
#info .two .bot .share a:hover{ color:#ff0000; border-color:#ff0000;}

/*关于我们*/
#about .one{ padding:2.125rem 0 3.125rem;}
#about .one .content{ width:100%;}
#about .one .content .title-one{ width:100%; color:#ff0000;}
#about .one .content .title-two{ width:100%; color:#000; margin:0.5rem 0 1.875rem;}
#about .one .content .brief{ width:100%; line-height:2.125rem; color:#929292;}
#about .one .picpath{ width:100%; text-align:center; margin-top:3.375rem;}
#about .one .picpath img{ max-width:100%;}
#about .two{ padding:2.5rem 0 3.375rem;}
#about .two iframe{ width:100%; height:19.625rem; border:none;}
#about .two .item{ margin-top:-2.375rem;}
#about .two .item .content-one{ width:100%; background:#f5f5f5; position:relative; padding:2.625rem 2.875rem;}
#about .two .item .content-one::before{ width:11.25rem; height:0.1875rem; background:#ff0000; position:absolute; left:-1.5rem; bottom:1.5rem; z-index:2; content:'';}
#about .two .item .content-one .list{ width:50%;}
#about .two .item .content-one .list .text-one{ width:100%; color:#929292;}
#about .two .item .content-one .list .text-two{ width:100%; color:#282828; margin-top:1.25rem;}
#about .two .item .content-one .list .text-thr{ width:100%; color:#282828; margin-top:0.5rem;}
#about .two .item .content-one .list .text-four{ width:100%; vertical-align:top; margin-top:1.25rem;}
#about .two .item .content-one .list .text-four span{ width:30%; display:inline-block; vertical-align:top; color:#929292;}
#about .two .item .content-one .list .text-four a{ width:70%; display:inline-block; vertical-align:top; color:#282828;}
#about .two .item .content-one .list .text-four.none{ margin-top:0;}
#about .two .item .content-two{ padding:2rem 2.875rem 0;}
#about .two .item .content-two .text-one{ line-height:1.5625rem; background:url(/images/img27.jpg) no-repeat left center; background-size:1.125rem; color:#696969; padding-left:3.125rem;}
#about .two .item .content-two .text-two{ background:url(/images/img28.jpg) no-repeat left center; background-size:1.625rem; padding-left:3.125rem; margin:2.5rem 0;}
#about .two .item .content-two .text-two .its{}
#about .two .item .content-two .text-two .its .fz18{ color:#696969;}
#about .two .item .content-two .text-two .its .fz20{ color:#282828; margin-top:0.25rem;}
#about .two .item .content-two .text-two .its.margin{ margin-right:2.25rem;}
#about .two .item .content-two .text-thr{ line-height:1.375rem; background:url(/images/img29.jpg) no-repeat left center; background-size:1.625rem; color:#282828; padding-left:3.125rem;}

/*服务支持*/
#service{}
#service .one{ padding:2rem 0 2.5rem;}
#service .one .text-one{ width:80%; text-align:center; line-height:2.25rem; color:#000; margin:0 auto;}
#service .one .item{ width:100%;}
#service .one .item .list{ width:100%; margin-top:2rem;}
#service .one .item .list .title{ width:100%; background:#e8e8e8; color:#282828; padding:0.875rem 1.125rem;}
#service .one .item .list .title span{ color:#ff0000; margin-right:0.6rem;}
#service .one .item .list .content{ width:100%; padding:0 1.25rem;}
#service .one .item .list .content .note{ width:100%; color:#363636; margin-top:1.5rem;}
#service .one .item .list .content ul{ width:100%;}
#service .one .item .list .content ul li{ width:100%; line-height:2rem; background:url(/images/p_img12.png) no-repeat left 0.9rem; background-size:0.4375rem; color:#929292; padding-left:1.625rem; margin-top:1.75rem;}
#service .two{ padding:3.75rem 0;}
#service .two .item{ width:100%;}
#service .two .item .list{ width:100%; margin-top:2.875rem;}
#service .two .item .list .img{ width:100%; position:relative;}
#service .two .item .list .img::before{ width:100%; height:100%; opacity:0; background:rgba(0,0,0,.4); position:absolute; top:0; left:0; z-index:2; content:'';}
#service .two .item .list .img img{ width:100%;}
#service .two .item .list .img .download{ line-height:1.5rem; display:inline-table; opacity:0; background:url(/images/img56.png) no-repeat left center; background-size:1.5rem; color:#fff; position:absolute; top:50%; left:0; right:0; z-index:3; padding-left:1.75rem; margin:-0.75rem auto 0;}
#service .two .item .list .content{ width:100%;}
#service .two .item .list .content .title{ width:100%; color:#282828; position:relative; padding:1.375rem 0 1rem;}
#service .two .item .list .content .title::before{ width:100%; height:0.125rem; background:#e5e5e5; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#service .two .item .list .content .brief{ width:100%; margin-top:1rem;}
#service .two .item .list .content .brief li{ line-height:1.6rem; color:#929292; margin-right:2.375rem;}
#service .two .item .list .content .brief li.none{ margin-right:0;}
#service .two .item .list:hover .img::before{ opacity:1;}
#service .two .item .list:hover .download{ opacity:1;}
#service .two .item .list:hover .content .title::before{ background:#ff0000;}
#service .two .item .list.none{ margin-top:0;}
#service .thr{ padding:1.875rem 0 3.125rem;}
#service .thr .title-one{ width:100%; line-height:2rem; text-align:center; color:#000;}
#service .thr .title-two{ width:100%; line-height:1.5rem; text-align:center; background:url(/images/p_img16.jpg) no-repeat center; background-size:cover; color:#fff; padding:1rem 0; margin-top:1.75rem;}
#service .thr .title-two a{ color:#fff;}
#service .thr .content-one{ width:84%; background:url(/images/p_img17.jpg) no-repeat top center; background-size:100%; padding-top:4.8rem; margin:0 auto;}
#service .thr .content-one .list{ width:49%; position:relative; padding-top:2%;}
#service .thr .content-one .list::before{ width:1px; height:100%; background:#dcdcdc; position:absolute; top:0; left:0; right:0; z-index:1; margin:0 auto; content:'';}
#service .thr .content-one .list .title{ width:100%; background:#f4f4f4; border:1px solid #dcdcdc; border-bottom:none; position:relative; z-index:2; padding:1rem 1.25rem;}
#service .thr .content-one .list .title .fz14{ width:1.75rem; line-height:1.75rem; text-align:center; background:#f62300; color:#fff; border-radius:50%;}
#service .thr .content-one .list .brief{ width:100%; height:10.25rem; line-height:1.625rem; background:#f4f4f4; color:#929292; border:1px solid #dcdcdc; position:relative; z-index:2; padding:1.375rem 1.25rem;}
#service .thr .content-one .list.none{ padding-top:0;}
#service .thr .content-one .list.none::before{ display:none;}
#service .thr .content-two{ width:100%; overflow:auto; margin-top:4.375rem;}
#service .thr .content-two .table{ width:200%; text-align:left;}
#service .thr .content-two .table th{ height:3.75rem; background:#ededed; font-size:1rem; font-weight:bold; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:0 1.25rem;}
#service .thr .content-two .table td{ height:3.5rem; font-size:0.875rem; padding:0 1.25rem;}
#service .four{ padding:1.875rem 0 3.375rem;}
#service .four .text-one{ width:100%; line-height:2.25rem; color:#000;}
#service .four .item{ width:100%; margin-top:1.875rem;}
#service .four .item .list{ width:100%; margin-top:1.25rem;}
#service .four .item .list .title{ width:100%; line-height:1.5rem; cursor:pointer; background:#e8e8e8; padding:0.875rem 1.125rem;}
#service .four .item .list .title .fz24{ color:#282828;}
#service .four .item .list .title .fz24 span{ color:#ff0000; margin-right:1.5rem;}
#service .four .item .list .title .icon{ width:1.3125rem; height:1.3125rem; background:url(/images/p_img14.jpg) no-repeat center; background-size:100% 100% !important;}
#service .four .item .list .brief{ width:100%; line-height:2.125rem; display:none; color:#929292; padding:1.75rem 1.25rem 0;}
#service .four .item .list.on .title .icon{ background:url(/images/p_img15.jpg) no-repeat center;}
#service .four .item .list.none{ margin-top:0;}
#service .four .text-two{ width:100%; line-height:2.125rem; color:#696969; margin-top:2.5rem;}
#service .four .text-two a{ color:#696969;}

/*搜索*/
#search{ padding:2.5rem 0 3.75rem;}
#search .item{ width:100%;}
#search .item .list{ width:100%; border-bottom:1px dashed #333; padding:1.6rem 0;}
#search .item .list .title{}
#search .item .list .time{ margin-top:0.8rem;}
#search .item .list:hover .title{ color:#ff0000;}

/*英文兼容*/
#warp.en #index .thr .category .list{ margin:0 0.6rem;}
#warp.en #float .one .content-two .title-one .fz24{ display:none;}
#warp.en #float .one .content-two .text-one .brief{ width:50%; margin-right:0.5rem;}
#warp.en #float .one .content-thr .list .fz16{ line-height:1.2rem;}







